Inicio
Curso de Astro
Curso práctico de Astro con enfoque profesional: fundamentos, islas, contenido, render híbrido y despliegue en producción.
Tests
Pon a prueba tus conocimientos de Astro.
Lecciones
15
1
Fundamentos
Introducción a Astro y su enfoque moderno
Entiende qué hace diferente a Astro y por qué es una opción tan sólida para webs rápidas y mantenibles.
2 Fundamentos
Instalación y primer proyecto Astro
Configura tu entorno y crea tu primer proyecto Astro con una estructura limpia desde el inicio.
3 Fundamentos
Rutas y páginas en Astro
Aprende cómo Astro convierte archivos en rutas para construir arquitectura web ordenada.
4 Fundamentos
Layouts y componentes reutilizables
Construye una base escalable con layouts y componentes para evitar duplicación y mejorar mantenimiento.
5 Fundamentos
Estrategias de estilos en Astro
Aplica estilos globales y locales con criterio para mantener orden visual en proyectos Astro.
6 Islas
Arquitectura de islas: interactividad donde importa
Aprende cómo Astro hidrata componentes de forma selectiva para mantener rendimiento sin perder UX.
7 Islas
Client directives: client:load, idle, visible y media
Domina las directivas de hidratación para decidir cuándo se activa cada componente interactivo.
8 Integraciones
Integrar componentes React en Astro
Combina Astro con React para añadir interactividad concreta sin convertir todo el proyecto en SPA.
9 Contenido
Content Collections: contenido tipado y ordenado
Estructura contenido con validación de esquema para evitar errores silenciosos en blogs y documentación.
10 Contenido
Markdown y MDX en Astro
Gestiona contenido técnico y editorial combinando simplicidad de Markdown con potencia de componentes MDX.
11 Contenido
Fetch de datos en Astro con criterio de rendimiento
Trae datos desde APIs de forma robusta y decide qué se resuelve en build y qué en tiempo de petición.
12 Render
SSG vs SSR en Astro: decisión técnica real
Comprende cuándo usar render estático o bajo demanda en función de negocio, rendimiento y mantenimiento.
13 Render
API Routes en Astro para backend ligero
Crea endpoints útiles para formularios, filtros y utilidades sin montar un backend separado completo.
14 Deploy
Optimización de rendimiento en Astro
Aplica mejoras concretas en imágenes, carga de scripts y estructura para elevar Core Web Vitals.
15 Deploy
Deploy a producción con Astro
Cierra el curso preparando build, preview y despliegue con checklist profesional de salida.
No hay lecciones para este filtro.
Página 1 de 1
Roadmap
Desarrollo Web
Ruta principal de frontend, frameworks y stack de desarrollo web profesional.
Frameworks y arquitectura frontend