De islands architecture a producción: componentes, content collections, SSR/SSG, actions, view transitions, el compilador en Rust y desplegar en el edge.
Cada nivel construye sobre el anterior. Sin saltos, sin huecos.
La visión aérea de Astro 7: islands, content, SSR/SSG, el compilador en Rust, y el mapa del camino.
La filosofía: HTML por defecto, cero JS salvo donde hace falta (islands), y el enfoque content-first.
Crear un proyecto, la estructura, y el stack de 2026: compilador en Rust, Vite 8 con Rolldown.
La anatomía de un componente Astro: el script del frontmatter y el template HTML.
Expresiones JSX-like, map, condicionales, Fragment, y las directivas de template.
Pasar datos con props (tipados), slots nombrados, y el patrón de composición.
Estilos con scope automático, globales, variables CSS, y la integración con Tailwind/CSS.
Layouts como componentes envolventes, slots, y el patrón head/body.
El enrutado basado en archivos, index, y la estructura de páginas.
Rutas dinámicas ([slug], [...rest]), getStaticPaths, y params.
Redirecciones en config y Astro.redirect, paginación con paginate(), la prop page, rewrites y prioridad de rutas.
Colecciones de contenido con el content layer: content.config.ts, glob loader, Zod schema, getCollection y render.
La Content Layer API: loaders integrados y propios, el store, parseData, y caching incremental.
Markdown como página, render() y getHeadings, plugins remark y rehype, y la config global de markdown.
Qué añade MDX, usar componentes dentro del contenido, expresiones y exportaciones, layouts, y el prop components.
Resaltado nativo con Shiki, temas dual claro/oscuro, el componente Code, transformers, y cliente vs servidor.
Feed RSS con @astrojs/rss, sitemap, endpoints de datos, import.meta.glob, y robots/canonical/Open Graph.
La arquitectura de islas: client:load/idle/visible/media/only, compartir estado y el coste de la hidratación.
astro add y los renderers, pasar props y slots, anidar frameworks distintos, y estado compartido con nanostores.
Server islands: server:defer, el contenido fallback, cómo funcionan por dentro, casos de uso y límites.
Los modos de render de Astro 7, prerender por página, el objeto Astro en SSR, y estrategias de render.
Qué es un adapter, @astrojs/node, adapters de edge y serverless, configurarlos y elegir plataforma.
Endpoints estáticos y SSR, verbos y APIContext, params dinámicos, streaming y CORS, y patrones reales.
El middleware: onRequest, context.locals tipado, modificar la respuesta, sequence, y casos reales.
Astro Actions: defineAction, input con Zod, llamarlas (data/error), formularios progresivos y errores tipados.
La Sessions API, drivers de almacenamiento, cookies con Astro.cookies, auth con sesión y seguridad.
El ClientRouter, transition:name/animate, transition:persist, los eventos del ciclo y accesibilidad.
El componente Image, Picture y formatos, imágenes remotas y en colecciones, getImage, y rendimiento/CLS.
La Fonts API: familias y proveedores, el componente Font y el preload, rendimiento tipográfico y autoalojar.
import.meta.env, el schema tipado de astro:env, leer client/server y getSecret, secretos y buenas prácticas.
El routing i18n integrado, los helpers de URL por locale, contenido traducido y fallback, y SEO multiidioma.
XSS y set:html, Content Security Policy, cabeceras de seguridad, CSRF y checkOrigin, y buenas prácticas.
Metadatos base y canonical, Open Graph y og:image dinámica, datos estructurados JSON-LD, indexación y Web Vitals.
La feature prefetch y sus estrategias, prefetchAll, la API programática, presupuesto LCP/INP y medición.
La Integration API: AstroIntegration, el hook astro:config:setup, otros hooks del ciclo, módulos virtuales y publicar.
Por qué un compilador propio, el pipeline parse/transform, islas e hidratación en el output, WASM vs binario nativo.
El rol de Vite, Rolldown el bundler en Rust, configurar Vite desde astro.config, el grafo de módulos y diagnóstico.
El presupuesto de JS, Core Web Vitals a fondo, analizar el bundle, optimizar assets/CSS/caché y el SSR.
Estrategia de testing, Vitest en Astro, la Container API, testear endpoints y actions, y e2e con Playwright.
Anatomía del build, deploy estático y SSR/edge, CI/CD con GitHub Actions, y operar en producción.
Estructura de un proyecto serio, monorepos con pnpm/Turborepo, contenido a escala, composición y mantenibilidad.
El modelo mental completo, diseñar el render por página, rendimiento extremo, un caso de estudio integral y el futuro.
Empieza por los fundamentos y sube nivel a nivel hasta el dominio total.
Comenzar el camino →