Este repositorio contiene el código fuente de cada una de las lecciones prácticas del curso Aprende Astro desde cero. Cada carpeta representa un punto específico del curso, para que puedas acceder fácilmente al estado del proyecto en cualquier momento del aprendizaje.
Las carpetas están numeradas para seguir el orden del curso. A partir de la lección 03, cada una contiene el código correspondiente al avance de ese punto.
├── 03-proyecto-inicial/
├── 04-layout-base/
├── 05-setup-hcms/
├── 06-listado-cursos-basico/
├── 07-listado-cursos-diseño/
├── 08-detalle-curso-basico/
├── 09-detalle-curso-diseño/
├── 10-markdown-highlight/
├── 11-client-router/
├── 12-integrando-react/
├── 13-server-actions/
├── 14-server-islands/Puedes entrar a cada carpeta y seguir los pasos ejecutando
npm instally luegonpm run dev.
A partir del ejemplo 05-setup-hcms, es necesario crear un archivo .env en la raíz del proyecto con el siguiente contenido:
CONTENT_ISLAND_SECRET_TOKEN=f38a94366651cc72879e0d71cfd339d4Este token permite acceder al contenido del proyecto de ejemplo en Content Island (HCMS) utilizado en el tutorial.
⚠️ Este token es de solo lectura y está pensado para uso educativo en el contexto del curso.
Puedes seguir el curso completo y gratuito aquí:
Ver curso Aprende Astro desde cero 🚀
- Crear un proyecto Astro desde cero
- Usar layouts reutilizables y componentes
- Estilizar con Tailwind CSS
- Mostrar contenido dinámico desde Markdown o Headless CMS
- Crear rutas dinámicas con
getStaticPaths - Integrar React dentro de Astro
- Navegación fluida tipo SPA con Client Router
- Crear Server Actions y Server Islands
- Astro
- Tailwind CSS
- Markdown
- React
- Content Island (HCMS)
- Node.js
- Conocimientos básicos de HTML, CSS y JavaScript
- Node.js instalado
- Ganas de aprender 🚀
Este repositorio está pensado para acompañar el curso, pero puedes proponer mejoras o abrir issues si encuentras errores. ¡Toda ayuda es bienvenida!
MIT © Lemoncode Formación