Cuando un cliente me pide presupuesto para una web nueva, una de las primeras decisiones técnicas es el framework. Y en 2026, la conversación casi siempre acaba en dos opciones: Next.js o Astro.
Ambos son excelentes. Los uso en producción. Pero no son intercambiables.
Qué es cada uno, en una frase
Next.js es un framework React full-stack con renderizado híbrido (SSR, SSG, ISR). Ideal cuando necesitas dinamismo, autenticación, APIs propias y una sola base de código para todo.
Astro es un generador de sitios con arquitectura “islands”. Envía cero JavaScript por defecto y solo hidrata los componentes interactivos. Ideal para contenido donde la velocidad es lo primero.
La pregunta clave: ¿cuánto JavaScript necesita tu web?
Aquí está el núcleo de la decisión.
| Necesidad | Next.js | Astro |
|---|---|---|
| Dashboard con datos en tiempo real | ✅ | ❌ |
| Blog o web corporativa | Posible | ✅ Mejor |
| E-commerce con carrito | ✅ | Posible |
| Documentación técnica | Posible | ✅ Mejor |
| App web con autenticación | ✅ | ❌ |
| Landing pages de alto rendimiento | Posible | ✅ Mejor |
Cuándo uso Next.js
Elijo Next.js cuando el proyecto tiene alguna de estas características:
1. Hay una API propia en el mismo proyecto
Next.js permite crear endpoints en app/api/ que viven junto al frontend. Perfecto para aplicaciones donde el backend no es complejo y quiero un único repositorio.
2. El contenido cambia frecuentemente y necesita SSR
Páginas de producto con stock en tiempo real, feeds personalizados, dashboards… Todo lo que necesita datos frescos en cada petición.
3. Autenticación y sesiones
Con next-auth o el nuevo sistema de autenticación de Next.js 15, gestionar sesiones, OAuth y middleware de protección de rutas es muy sencillo.
4. El equipo ya conoce React
La curva de aprendizaje importa. Si el cliente tiene un equipo interno con experiencia en React, Next.js es la extensión natural.
Cuándo uso Astro
Elijo Astro cuando:
1. El contenido es el protagonista
Blogs, webs corporativas, portfolios, páginas de servicios. Todo lo que es básicamente HTML con algo de interactividad.
Astro genera HTML estático por defecto. El resultado: puntuaciones de 95-100 en PageSpeed de serie, sin esfuerzo.
2. El SEO es crítico
Al enviar menos JavaScript, los crawlers indexan mejor. Las páginas de Astro cargan más rápido y eso impacta directamente en el posicionamiento.
3. La web mezcla tecnologías
Una de las características únicas de Astro es que puedes usar componentes de React, Vue, Svelte o Solid en el mismo proyecto. Si estás migrando de otra tecnología o tienes componentes legados, es una ventaja enorme.
4. El presupuesto de hosting es ajustado
Una web Astro estática cabe en Cloudflare Pages o GitHub Pages gratis. No necesitas servidor Node.js corriendo 24/7.
Lo que la gente no cuenta: las limitaciones reales
Next.js:
- El bundle de JavaScript que envía al cliente es significativamente mayor
- El App Router de Next.js 13+ tiene una curva de aprendizaje pronunciada (Server Components vs Client Components no es trivial)
- Vercel tiene un lock-in real si usas Edge Functions o Image Optimization
Astro:
- No es adecuado para aplicaciones con mucho estado cliente (carritos complejos, dashboards interactivos)
- El ecosistema de integraciones, aunque crece rápido, es menor que el de Next.js
- Las Islands de hidratación son potentes pero requieren entender bien el modelo mental
Mi decisión en la práctica
¿Necesita autenticación, API propia o datos en tiempo real?
└── Sí → Next.js
└── No → ¿Es principalmente contenido editorial/marketing?
└── Sí → Astro
└── No → Evalúa caso por casoPara la mayoría de webs de PYMEs y startups que construyo, Astro es la elección correcta. El rendimiento por defecto, la facilidad de gestión de contenido con MDX y la ausencia de JavaScript innecesario encajan con lo que mis clientes necesitan.
Next.js lo reservo para plataformas internas, SaaS y proyectos donde la lógica de negocio vive en el mismo código que la UI.
¿Tienes dudas sobre qué tecnología usar en tu proyecto? Hablemos 30 minutos y te doy una recomendación concreta.
