Astro v5: La nueva era en la compilación de sitios web estáticos
El ecosistema de desarrollo web evoluciona a un ritmo vertiginoso, y la llegada de Astro v5 marca un hito importante en la construcción de sitios web de alto rendimiento. En este artículo exploraremos las características clave que hacen de esta versión una de las más sólidas del año.
¿Qué hace diferente a Astro?
Astro destaca por su arquitectura de Islas de Interactividad (Astro Islands). A diferencia de los frameworks tradicionales de JavaScript de una sola página (SPA) que envían megabytes de scripts para renderizar un texto estático, Astro compila el código HTML en el servidor y solo inyecta JavaScript en las partes de la pantalla que realmente lo necesitan (los widgets dinámicos).
Novedades destacadas en Astro v5:
- Server Islands: Habilidad para diferir componentes dinámicos en páginas estáticas, mejorando drásticamente el primer renderizado (TTFB).
- Content Layer API: Una forma unificada de traer datos de cualquier origen (archivos Markdown, bases de datos remotas, APIs externas) de forma tipada.
- Mayor velocidad de build: Optimización en los transformadores de Vite, reduciendo los tiempos de empaquetado en producción.
// Ejemplo de consulta de colecciones en Astro v5
import { getCollection } from 'astro:content';
const posts = await getCollection('blog', ({ data }) => {
return data.draft === false;
});Por qué migrar hoy mismo
Si tu sitio web contiene mucho texto o documentación (como este blog), Astro es la opción perfecta. Permite conseguir puntuaciones de 100/100 en Google Lighthouse gracias a su filosofía de “cero JavaScript por defecto”.