Desarrollo Web con Frameworks Modernos (Astro/Next.js)
Construcción de sitios web de alto rendimiento con Astro y Next.js: arquitectura de componentes, optimización de performance, SEO técnico integrado y despliegue en edge.
Dirigido a: Desarrolladores web con experiencia en HTML/CSS/JavaScript, Equipos de desarrollo que migran de WordPress o CMS legacy, Frontend developers que quieren actualizar su stack
Antes de empezar
JavaScript intermedio (async/await, módulos, fetch) Familiaridad con React básico Conocimiento de HTML/CSS
Objetivos
- Construir un sitio web completo con Astro o Next.js con optimizaciones de performance integradas
- Implementar SEO técnico avanzado: sitemap, hreflang, structured data y Core Web Vitals
- Desplegar en Vercel o Cloudflare Pages con CI/CD configurado
- Integrar CMS headless para gestión de contenido sin dependencia del desarrollador
Programa
- Por qué Astro para sitios de contenido: zero-JS por defecto, island architecture
- Componentes Astro, layouts y colecciones de contenido
- Integración con frameworks: React, Vue, Svelte en islas
- Caso real: brthls.com en producción con Astro 5 + TypeScript
- Taller: sitio completo con Astro
- App Router: Server Components, Client Components y Suspense
- Data fetching: Server Actions, cache y revalidation
- Route handlers y middleware
- Taller: aplicación web completa con Next.js y Supabase
- Core Web Vitals: LCP, INP, CLS — causas y soluciones
- Optimización de imágenes y fuentes
- Lazy loading, code splitting y tree shaking
- Herramientas: Lighthouse, WebPageTest, Search Console
- Metadata API en Astro y Next.js
- Sitemap dinámico, hreflang y structured data
- Open Graph y social sharing
- IndexNow y Google Indexing API
- Vercel y Cloudflare Pages: configuración y CI/CD
- CMS headless: Contentful, Sanity, Payload — cuándo usar cada uno
- ISR y SSG: estrategias de generación de páginas
- Monitorización en producción
Cómo solicitar este programa
La ficha es una referencia para preparar tu formación. En el diagnóstico acordamos el nivel del equipo, docente, ejercicios, modalidad, evaluación, calendario y presupuesto. La disponibilidad y la bonificación se confirman en la propuesta.
Consulta cómo funciona la formación y quién dirige Academy.
Entregables
- Sitio web completo en producción con Astro o Next.js
- Pipeline de CI/CD configurado
- Core Web Vitals en verde verificados en Search Console
- Integración con CMS headless funcionando
Solicitar información
*La bonificación depende del crédito FUNDAE disponible.