Introducción
Astro ha popularizado Islands Architecture, un patrón donde la página se renderiza como HTML estático y solo los componentes interactivos son islas de JavaScript.
¿Qué son las islas?
Una isla es un componente interactivo en una página mayoritariamente estática. Cada isla se hidrata de forma independiente, sin afectar al resto de la página.
Ventajas de Islands Architecture
Cero JavaScript hasta que se necesita. Las islas se cargan bajo demanda, lo que reduce drásticamente el tiempo de carga inicial y mejora el Core Web Vitals.
Astro como meta-framework
Astro soporta componentes de React, Vue, Svelte y SolidJS. Puedes usar tu framework favorito para las islas interactivas y Astro para el resto.
Estrategias de hidratación
Astro ofrece múltiples estrategias: client:load, client:idle, client:visible y client:media. Eliges cuándo y cómo se hidrata cada isla.
Casos de uso ideales
Blogs, documentación, landing pages, e-commerce con catálogos estáticos y dashboards con partes interactivas específicas.
Conclusión
Astro e Islands Architecture son perfectos para sitios donde el contenido prima sobre la interactividad. En Vynta creamos sitios Astro que cargan en milisegundos.