Frameworks
Astro
Framework web que prioriza HTML estático e islas
Framework para sitios y apps con cero JS por defecto, content collections tipadas, integración con React y despliegue sencillo en Node o edge.
Ir al sitio oficialFicha abierta
Para qué sirve y cómo encaja
Astro es el motor de marcparra.tech: laboratorio, repositorio, proyectos y páginas legales se generan en build con validación estricta de contenido. React entra solo en buscador, filtros y piezas que lo necesitan.
Esa separación mantiene el sitio ligero y predecible. Para un SaaS con sesión persistente en toda la UI, un framework más orientado a SPA puede encajar mejor.
Uso en tu proyecto
Instalación e importación
Comandos y fragmentos tomados de la documentación oficial. Se instala igual en cualquier stack: cópialos tal cual o pásale el prompt a tu agente.
npm create astro@latestnpx astro add reactnpm run devPrompt para que tu agente lo instale
Pega esto en Cursor, Claude Code, Codex u otro agente de código:
Instala Astro en este proyecto. Documentación oficial: https://docs.astro.build/en/install-and-setup/. Comando verificado: `npm create astro@latest`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.Planes y modelos
Cómo se paga y qué incluye cada opción
- 01Gratis
Open source
MIT; el coste está en el hosting, el dominio y el tiempo de build del proveedor que elijas.
Funcionalidades
Qué puedes hacer con ella
- 01
Cero JS por defecto
Envía HTML estático y monta interactividad solo en componentes marcados.
- 02
Content collections
Markdown y MDX con esquemas Zod y validación en build fail-closed.
- 03
Integraciones
React, MDX, sitemap, RSS y adaptadores Node o serverless.
- 04
Rendimiento
Pocas abstracciones en runtime y rutas pre-renderizadas por defecto.
Cuándo usarla
Dónde encaja y dónde no
Te conviene si…
Te conviene para blogs, laboratorios, marketing sites y hubs de contenido como marcparra.tech que mezclan páginas estáticas con pocas islas interactivas.
Mejor otra opción si…
Mejor otra opción si la app es un dashboard 100 % SPA con estado global complejo donde Next.js o un framework full-client aportan más estructura.