Astro

Bienvenido al Curso Completo de Astro, un recorrido práctico y sencillo para aprender a construir sitios web rápidos, modernos y profesionales utilizando una de las tecnologías más ligeras y prometedoras del momento.

Astro es un framework de desarrollo web que combina lo mejor de HTML, CSS y JavaScript con un enfoque revolucionario:

solo envía al navegador lo que realmente necesita.

Esto significa páginas que cargan ultrarrápido, con un rendimiento excelente incluso en móviles o conexiones lentas.
Astro te permite crear desde blogs y portfolios hasta sitios multilenguaje y aplicaciones interactivas, sin complicaciones ni dependencias pesadas.

Versión de referencia: Astro 7.4.2, Node 24 y Tailwind CSS 4. Los ejemplos utilizan la API actual de colecciones con loaders. El proyecto final incluye un ejemplo descargable con dependencias fijadas.

A lo largo del curso aprenderás a:

• Crear tu primer proyecto Astro paso a paso.
• Usar layouts, componentes y estilos modernos (Tailwind CSS).
• Dominar las View Transitions y animaciones de navegación SPA.
• Integrar JavaScript y frameworks como React, Vue o Svelte con directivas de hidratación de islas.
• Gestionar contenidos con Markdown, MDX y el Content Layer de Astro 7 (loaders para CMS y APIs).
• Crear backend seguro con Astro Actions tipadas con Zod y Middleware para autenticación.
• Conectar tu web con APIs externas y desplegarla en la nube.
• Añadir traducciones (i18n), optimizar tu SEO y mejorar el rendimiento.
• Finalizar con un proyecto completo que podrás publicar en Vercel o Netlify con backend, o en GitHub Pages si es completamente estático.