Astro es un framework de JavaScript optimizado para crear sitios web rápidos y eficientes. Aprovecha el renderizado en el servidor, generando HTML estático, pero también incorporar contenido dinámico escrito en JavaScript o componentes de React, Vue, Svelte y otros frameworks de manera muy simple. Para estilos, además de soportar CSS nativo, se integra perfectamente con Tailwind CSS, facilitando la creación de un diseño único y profesional sin tener que escribir CSS personalizado desde cero. Astro también facilita integrar fuentes de datos y contenido dinámico como artículos, proyectos y testimonios utilizando Markdown, JSON o incluso conectándose con CMS o bases de datos. Esto simplifica la actualización y la personalización del contenido. Finalmente, un sitio desarrollado con Astro puede desplegarse fácilmente a plataformas de hosting serverless, como así también a GitHub Pages y a VPS o Cloud Server.
Temario:
- Configuración de un proyecto con Astro
- Integración con Tailwind CSS
- Páginas y componentes en Astro
- Sintaxis de plantilla de Astro
- Creación de componentes
- Carga de contenido dinámico con Markdown y JSON
- Diseño responsivo • Despliegue en GitHub Pages