HTML primero, interacción como excepción
Astro es un framework orientado al servidor para sitios web basados en contenido. Renderiza el contenido de las páginas como HTML y no envía JavaScript del lado del cliente de forma predeterminada; los desarrolladores añaden explícitamente código de navegador a los componentes que necesitan interacción.
Un componente interactivo dentro de una página que, por lo demás, es estática se denomina isla. Un control de navegación, una interfaz de búsqueda u otro widget puede hidratarse de forma independiente mientras los encabezados, párrafos y enlaces cercanos permanecen como HTML normal.
| Región de la página | Entrega inicial | Comportamiento en el navegador |
|---|---|---|
| Contenido estático de Astro | HTML renderizado en el servidor | Sin runtime de componentes de forma predeterminada |
| Isla hidratada | HTML más el código del componente seleccionado | Se activa de forma independiente |
| Varias islas | HTML más el código seleccionado para cada isla | Cada isla puede utilizar su propia prioridad de carga |
El momento de la hidratación es explícito. client:load prioriza un control que se necesita inmediatamente, client:idle aplaza el trabajo hasta que el navegador está inactivo y client:visible espera hasta que un componente se aproxima al viewport.
Integraciones y contenido estructurado
Astro puede utilizar React, Preact, Svelte, Vue, Solid, HTMX, componentes web y otros enfoques de interfaz para las regiones interactivas. Esto permite reutilizar de manera selectiva sistemas de componentes conocidos sin convertir todo el documento en una única aplicación renderizada en el cliente.
Entre las áreas útiles del ecosistema identificadas por el repositorio mantenido se incluyen:
- Integraciones de interfaz para React, Preact, Solid, Svelte y Vue.
- Compatibilidad con el runtime de Node y adaptadores de despliegue.
- Herramientas de publicación como integraciones de MDX, RSS y mapas del sitio.
- Integración relacionada con scripts mediante Partytown.
Las colecciones de contenido organizan y validan Markdown y entradas relacionadas con seguridad de tipos de TypeScript. En términos prácticos, un equipo puede definir una estructura coherente para artículos o documentación, detectar campos de contenido no válidos y consultar una colección coherente en lugar de tratar cada archivo como un elemento sin relación con los demás.
Pruebas frente a resultados de implementación
La documentación pública y el repositorio mantenido de Astro respaldan las afirmaciones sobre el renderizado centrado en HTML, la hidratación opcional, los enfoques de interfaz compatibles y las colecciones de contenido. Describen las capacidades y los valores predeterminados del framework, no la calidad de todos los sitios creados con Astro.
Un proyecto terminado aún puede incluir islas grandes, varios runtimes de frameworks, imágenes pesadas, fuentes o scripts de terceros. Esas decisiones pueden afectar al rendimiento y al mantenimiento, por lo que los visitantes deben distinguir entre el modelo documentado de Astro y los resultados que requieren inspeccionar una implementación concreta. La misma distinción se aplica a la accesibilidad y la fiabilidad: el framework proporciona herramientas arquitectónicas, mientras que la experiencia terminada depende de cómo las utilice un equipo.
