Después de años de frameworks que envían megabytes de JavaScript al cliente para renderizar un blog, Astro tomó la decisión radical de enviar cero JavaScript por defecto. Solo añades interactividad donde la necesitas, no donde el framework la impone.
Este enfoque content-first no es una limitación — es una ventaja arquitectónica. La mayoría del web no necesita ser una SPA. Páginas de contenido, blogs, documentación, landing pages: todo esto funciona mejor como HTML estático hidratado selectivamente.
Islands architecture en la práctica
La arquitectura de islas permite mezclar componentes de React, Vue, Svelte o cualquier framework UI en la misma página. Cada isla se hidrata independientemente, cuando el usuario la necesita. Un formulario de búsqueda se hidrata al cargar, un carrusel al ser visible, un comentario al hacer scroll.
El resultado es un Time to Interactive dramáticamente menor. No estás esperando a que se descargue, parsee y ejecute un bundle de 300KB antes de que el usuario pueda interactuar. La página es usable desde el primer render, y la interactividad se añade progresivamente.
No comments yet