Contenido Educativo de la Comunidad
¡Hay mucho más por ahí que puede ayudarte a aprender y construir con Astro! Aquí tienes algo de contenido educativo producido y mantenido por la comunidad de Astro.
Todos los enlaces son externos y pueden estar basados en versiones anteriores de Astro. Asegúrate de verificar la fecha de cualquier contenido de la comunidad y adapta tu proyecto en consecuencia.
Para más contenido educativo de Astro, echa un vistazo al Blog de Astro o suscríbete al boletín oficial de Astro donde resumimos el mejor contenido de la comunidad de cada mes.
Cursos y tutoriales
Sección titulada Cursos y tutorialesLos cursos y tutoriales se centran en enseñarte nuevos conceptos, a menudo con ejercicios o proyectos de ejemplo para construir. Estos son una gran manera de aprender nuevos conceptos y darte las herramientas que necesitas para trabajar en tu propio proyecto de Astro.
Checa los siguientes cursos y tutoriales para aprender más sobre Astro.
Tutoriales introductorios
Sección titulada Tutoriales introductorios- Curso acelerado del framework web Astro por freeCodeCamp
- Curso acelerado de Astro en 20 minutos por Chris Pennington (curso completo de pago: Aprende Astro)
- Curso acelerado de Astro 3.0 por James Q Quick (curso completo de pago: Construye sitios web modernos con Astro)
- Curso acelerado de Astro en 60 minutos por @developedbyed
- Entendiendo Astro (ebook) por Ohans Emmanuel
- El valle del código - Astro por Flavio Copes
Video tutoriales
Sección titulada Video tutoriales- Curso de inicio rápido de Astro: Construye un blog SSR
- Cómo creé una aplicación de películas con Astro 3.x
- Es posible que REALMENTE no entiendas las colecciones de contenido…
- Construye una plataforma de blog personalizada con Astro y Appwrite
- Curso acelerado de Portfolio con Astro
- Construye un blog full stack con Astro
Recetas y guías
Sección titulada Recetas y guías¡Ve ejemplos guiados de cómo agregar características a tu proyecto de Astro, enviados por miembros de nuestra comunidad!
¡Recetas de Astro son típicamente guías cortas y enfocadas que te llevan a través de un ejemplo de trabajo de una tarea específica. Las recetas son una gran manera de agregar nuevas características o comportamientos a tu proyecto de Astro siguiendo instrucciones paso a paso!
Otras guías pueden explicar conceptos relacionados con un área de contenido, como el uso de imágenes o el trabajo con MDX.
Autentificación
Sección titulada Autentificación- Agrega Github OAuth con Lucia
- Agrega autentificación con usuario y contraseña con Lucia
- Autenticación de usuario en Astro con Clerk y React
- Usa un nombre de archivo dinámico al importar imágenes
- Agrega un feed RSS a tu sitio Astro usando historias de Storyblok
- ¿Cómo enviar cualquier dato en tu feed RSS? Una guía con Astro + RSS
Animation
Sección titulada Animation- Usando GreenSock Animation Platform (GSAP) en Astro
- Usando GreenSock Animation Platform (GSAP) en Astro con View Transitions
Imágenes
Sección titulada Imágenes- Agrega imágenes de publicaciones de blog a tu feed RSS de Astro
- Genera imágenes de Open Graph para un blog de Astro
Herramientas de Editor
Sección titulada Herramientas de Editor- Consigue que VSCode, ESLint y Prettier funcionen con Astro
- Integra Prettier con Astro y Tailwind CSS
Markdown
Sección titulada Markdown- Construye una tabla de contenido desde los encabezados de Markdown en Astro
- Crea un plugin de Remark para eliminar runts de tus archivos Markdown
- Configura páginas de borrador de manera efectiva en Astro con autoría de contenido impulsada por configuración
Rendimiento
Sección titulada Rendimiento- Mejora los tiempos de compilación de Astro: modifica los archivos HTML después de la compilación
- Configurando micro-frontends con Astro
- Cómo implementar la regeneración estática incremental (ISR) en Astro
Utilidades
Sección titulada Utilidades- Usando tRPC en Astro
- Integrando Sentry con Astro
- Genera sitemaps localizados para tu proyecto Astro y Storyblok
- Agrega un sistema de búqueda a tu sitio con Pagefind
- Agrega un sistema de búsqueda a tu sitio con Fuse.js
- Agrega una sección de comentarios a tu blog de Astro usando Giscus
Internacionalización y localización
Sección titulada Internacionalización y localización- Como hacer hacer tu sitio web Astro multilingüe con Crowdin: guía de localización de Astro
- Traduce las rutas en Astro para colecciones de contenido y subpáginas