Astro
Framework web orientado a contenido — HTML estático por defecto, islands de React/Vue/Svelte solo donde hace falta.
El sitio donde estás leyendo esto está construido en Astro. Pesos de página bajos, MDX nativo, content collections con tipos via Zod. Si tu sitio es 80% contenido + 20% interactivo, no hay opción más limpia.
Bueno para
- Blogs, sitios personales, documentación, landings
- Equipos que quieren MDX con tipado estricto
- Migrar de Next.js cuando el SSR no aportaba nada
No ideal para
- Aplicaciones SaaS dashboard pesadas (mejor SPA)
- Equipos casados con un framework UI específico
Llegué a Astro buscando exactamente lo que promete: un sitio que sea HTML primero, JavaScript después. Veníamos de años pagando peajes de SPAs gigantes para servir lo que en el fondo era un blog y unas landings — bundles de cientos de kilobytes, hidratación inicial bloqueando la primera pintura, métricas Core Web Vitals que costaba defender.
Lo que cambia
Astro renderiza todo a HTML estático en build time. Si necesitas interactividad —un formulario, un slider, un widget— la marcas como island con client:load, client:visible o client:idle y solo ese pedazo se hidrata. El resto sigue siendo HTML servido tal cual. La diferencia en Lighthouse es inmediata.
El sistema de Content Collections con schemas Zod es el otro motivo por el que se queda. Frontmatter tipado, autocompletado en el editor, errores en build cuando alguien escribe publishedat en vez de publishedAt. Si vienes de markdown sueltos en una carpeta, esto te ahorra clases enteras de bugs silenciosos.
Cuándo no
Si tu producto es un dashboard SaaS con state global, mutaciones constantes y rutas autenticadas, Astro está fuera de su pista. Para eso siguen Next, Remix, SvelteKit. Astro es para sitios que se leen, no apps que se usan — esa frase no es mía pero la hago propia. Para todo lo demás, es la opción que me deja dormir tranquilo.
Recibe nuevas tools curadas.
Cada semana, un email corto con las herramientas que estoy probando, lo que descarté y por qué.
Suscribirme — gratis →¿Armando tu stack?
Sesiones de consultoría 1:1 para revisar tu stack, decidir qué tool encaja y por qué. Una hora, agenda directa.
Ver consultoría →