Astro
Astro ·Frontend·Full Stack
Curso completo de Astro, el framework web content-first que envía cero JavaScript por defecto y obtiene Core Web Vitals excelentes. Aprendes componentes, routing, layouts, Content Layer API con esquemas tipados, integraciones con React, Vue y Svelte, islas de interactividad, middleware, sesiones, actions y SSR híbrido. Al terminar despliegas un proyecto integrador completo en una plataforma serverless, con SEO, optimización de imágenes y transiciones de navegación.
¿Prefieres verlo en directo? Agenda una demo sin compromiso.
Formación corporativa: este curso se activa bajo pedido para tu organización. Adaptamos temario, calendario y modalidad (teleformación, aula virtual o mixto).
Contenido del curso
Framework para sitios web ultrarrápidos orientados a contenido.
-
Introducción a Astro Lección
-
Islands architecture Lección
-
Zero JavaScript por defecto Lección
-
Astro vs Next.js, Nuxt y SvelteKit Lección
-
Test de fundamentos de Astro Test
Detalles del curso
Público objetivo
- Desarrolladores frontend que buscan un framework rápido y moderno para sitios web orientados a contenido.
- Creadores de contenido técnico que necesitan construir blogs, documentación o portfolios con rendimiento óptimo.
- Equipos multi-framework que quieren combinar React, Vue o Svelte en un mismo proyecto sin penalización de rendimiento.
- Desarrolladores fullstack que desean un framework con SSR, actions, middleware, sesiones y despliegue serverless.
Contenido del roadmap
Fundamentos, instalación y componentes
Del ecosistema Astro y la islands architecture a componentes reutilizables con props, slots, expresiones y frontmatter script.
Routing, layouts y Content Collections
File-based routing, rutas dinámicas, layouts anidados, estilos scoped y Tailwind, Content Layer API con loaders glob y file, Zod y MDX.
Integraciones, API y SSR
Islas de interactividad con React 19, Vue 3.5 y Svelte 5, directivas client:*, Server Islands con server:defer, endpoints, actions, modo SSR, middleware, sessions API y adaptadores serverless.
Producción
Build, despliegue, optimización de imágenes, View Transitions, SEO, sitemap y RSS.
Proyecto integrador
Blog técnico con SSR híbrido, Content Layer API, isla interactiva, View Transitions y despliegue en Netlify o Vercel.
Objetivos de aprendizaje
- Diseñar sitios web con la filosofía content-first de Astro y zero JavaScript por defecto.
- Gestionar contenido estructurado con la Content Layer API, esquemas Zod y referencias entre colecciones.
- Integrar componentes de React, Vue o Svelte con hidratación parcial controlada por directivas
client:*y Server Islands. - Crear endpoints y actions, activar SSR, configurar middleware y sesiones, y desplegar en adaptadores serverless.
- Optimizar el rendimiento con View Transitions, compresión de imágenes, sitemap y buenas prácticas de SEO.
Otros cursos de Astro
Astro avanzado: layouts, content collections e islas
Curso avanzado de Astro para equipos que construyen sitios editoriales, documentación técnica y landings de alto rendimiento. Aprendes a estructurar layouts reutilizables con estilos modernos, gestionar contenido tipado con la Content Layer API, integrar componentes de React, Vue o Svelte como islas y controlar con precisión cuándo se hidrata cada parte de la página. Al terminar diseñas sitios content-first con cero JavaScript por defecto y rendimiento óptimo.
Astro: API, datos y despliegue en producción
Curso para llevar sitios Astro al nivel de producción con backend propio y datos dinámicos. Trabajas endpoints tipados, mutaciones seguras con Astro Actions, integración con headless CMS y APIs externas, Server Islands sobre contenido estático, middleware y sesiones, además de SSR híbrido con adaptadores serverless. Al terminar despliegas un proyecto Astro con datos dinámicos en una plataforma cloud, listo para evolucionar como SaaS ligero o portal editorial.
Astro: fundamentos, componentes y routing
Curso de entrada a Astro, el framework web orientado a contenido que envía cero JavaScript al navegador por defecto. Trabajas la arquitectura de islas, creación de componentes propios y combinación con React, Vue o Svelte, plantillas con frontmatter, routing basado en ficheros, rutas dinámicas y prerenderizado híbrido. Al terminar publicas un sitio content-first con SEO sólido y Core Web Vitals competitivos para proyectos editoriales o de marketing.
¿Formación para tu equipo en esta tecnología?
Tú nos dices a quién formar y nosotros configuramos la plataforma con tu marca, damos de alta a tu gente, evaluamos las entregas con IA y te entregamos los certificados y los informes técnicos para tu gestor FUNDAE. Catálogo amplio con teleformación, aula virtual o mixto. Sin permanencia, sin coste de setup.
¿Prefieres verlo en directo? Agenda una demo.
Preguntas frecuentes
- ¿Astro es bonificable por FUNDAE para mi empresa?
- Puede ser bonificable cuando la acción cumple los requisitos aplicables. La plataforma aporta evidencias técnicas: seguimiento de tiempos, registro de conexiones, foros, encuestas y certificados para que tu entidad organizadora o gestoría revise la documentación.
- ¿En qué modalidades se imparte Astro?
- En tres modalidades: teleformación (online asíncrona), aula virtual privada en directo y mixta. Adaptamos temario, calendario y modalidad al equipo.
- ¿Se adapta Astro al nivel de mi equipo?
- Sí. Adaptamos temario, calendario y modalidad al nivel y al stack del equipo, con ejercicios evaluados por IA y certificado verificable.
- ¿Cuánto tarda en activarse para mi empresa?
- La activación corporativa estándar es rápida, sin coste de setup ni permanencia.