HOSTING PARA ASTRO

No. Static.app aloja archivos ya compilados, sin un entorno de servidor. Usa el modo estático por defecto de Astro (output: 'static'), que prerenderiza todas las páginas durante la compilación. Si has cambiado a SSR o al modo híbrido en tu configuración, vuelve al modo estático antes de compilar. El resultado estático incluye todas tus páginas como archivos HTML simples que Static.app sirve directamente.

Sí, por completo. La arquitectura de islas de Astro compila los componentes interactivos (React, Vue, Svelte, Solid) en archivos JavaScript durante la compilación. Primero se carga la página HTML y después las islas interactivas se hidratan de forma independiente en el navegador. Las directivas de cliente como client:load, client:visible y client:idle funcionan porque son características del navegador incluidas en el resultado compilado.

Sí. Astro admite componentes de React, Vue, Svelte, Solid, Preact, Lit y Alpine. Estos componentes se compilan durante la compilación en JavaScript que ejecuta el navegador. Usa directivas de cliente (client:load, client:visible) para controlar cuándo se hidratan. El resultado compilado es HTML y JavaScript estándar que Static.app sirve como cualquier otro archivo estático.

Sí. Las colecciones de contenido de Astro procesan archivos Markdown y MDX durante la compilación y generan una página HTML estática para cada contenido. Entradas de blog, páginas de documentación, listados de productos: todo lo que esté en tus colecciones se compila a HTML durante npm run build. Sube el resultado y cada página funciona. Para actualizar el contenido, edita tus archivos Markdown, vuelve a compilar y vuelve a subir.

Astro DB necesita un entorno de servidor para gestionar las consultas a la base de datos, así que no funciona en hosting estático. Para sitios web estáticos, usa colecciones de contenido (archivos Markdown/MDX procesados durante la compilación) u obtén los datos de una fuente externa (un CMS headless, una API) durante la compilación. Los datos obtenidos quedan incluidos en las páginas HTML estáticas. También puedes usar bases de datos del lado del cliente, como Supabase o Firebase, para datos dinámicos en el navegador.

Sí. View Transitions es una API del navegador que Astro envuelve para conseguir transiciones suaves entre páginas. La función incluye en el resultado de la compilación un pequeño archivo JavaScript que gestiona las animaciones de transición entre páginas. Como todo ocurre en el navegador, funciona en cualquier hosting estático, incluido Static.app. Las páginas se siguen cargando como archivos estáticos normales, y las transiciones solo hacen que la navegación resulte más fluida.

Las integraciones que actúan durante la compilación (optimización de imágenes, generación de sitemap, feeds RSS) funcionan porque se ejecutan durante npm run build. Las integraciones de tiempo de ejecución que necesitan un servidor no funcionan.

El modo híbrido permite combinar páginas estáticas y páginas renderizadas en servidor en un mismo proyecto. Las páginas renderizadas en servidor necesitan un entorno de Node.js que Static.app no ofrece. Para alojar en Static.app, usa output: 'static' (el valor por defecto), que prerenderiza todas las páginas durante la compilación. Si tienes páginas concretas que necesitan renderizado en servidor, plantéate alojarlas en otra plataforma de Node.js y dejar las páginas estáticas en Static.app.

Sí. Conecta cualquier CMS headless (Contentful, Sanity, Strapi, Decap CMS, Keystatic) a tu proyecto de Astro. Astro obtiene el contenido de la API del CMS durante la compilación y genera páginas HTML estáticas. Sube el resultado de la compilación a Static.app. Cuando cambie el contenido del CMS, vuelve a compilar tu proyecto de Astro y vuelve a subirlo. Para flujos automatizados, usa GitHub Actions para lanzar una compilación y publicar cada vez que se actualice el contenido del CMS.

Muy rápido. Astro no envía JavaScript por defecto, así que las páginas son HTML y CSS puros. El navegador tiene muy poco que descargar, por lo que la página se muestra en cuanto llega el HTML. Los sitios web de Astro suelen sacar buenas puntuaciones de rendimiento en Lighthouse. Incluso las páginas con islas interactivas cargan rápido, porque el HTML se muestra de inmediato mientras JavaScript hidrata los componentes en segundo plano.

Muy rápido. El enfoque de Astro de no usar JavaScript por defecto hace que la mayoría de las páginas sean HTML y CSS puros, normalmente de 10-50 KB en total. Static.app sirve estos archivos directamente por HTTPS y, con tan poco que descargar, la mayoría de las páginas aparecen casi al instante. Las puntuaciones de rendimiento en Lighthouse suelen ser altas. Añadir islas interactivas aumenta la cantidad de JavaScript, pero la hidratación parcial de Astro la mantiene mínima en comparación con los enfoques de framework completo.