TL;DR: La recomendación clasificada por caso de uso, para que puedas saltarte las próximas 6,000 palabras.

  • Sitios de contenido, páginas de marketing, blogs, SEO programático: Astro 5. Envía HTML estático, hidrata solo lo que necesita JavaScript, puntuaciones de Lighthouse de 95-100 sin esfuerzo. La opción más barata para alojar por un margen muy amplio.
  • Aplicaciones SaaS, dashboards, productos autenticados: Next.js 16 con App Router. El mayor pool de contratación, el ecosistema más profundo, los Server Components finalmente son estables.
  • El bundle más pequeño posible, el techo de rendimiento más alto: SvelteKit con Svelte 5 runes. Tu equipo necesita estar cómodo fuera de la corriente principal de React.
  • Equipos de Vue, especialmente equipos de UE/Asia: Nuxt 3. Es el meta-framework de Vue, punto.
  • Productos centrados en URL (marketplaces, formularios de varios pasos): Remix (ahora React Router 7). Formularios estándar web, mejora progresiva por defecto.
  • Gatsby: Migra de él. En serio.

Qué "Framework Moderno" Realmente Significa en 2026

Cuando un CTO o líder de marketing dice "framework" en 2026, generalmente están combinando tres o cuatro capas en una palabra. Permíteme separar eso porque la distinción importa cuando estás firmando un contrato o contratando un equipo.

Un renderer es la librería de UI: React 19, Vue 3, Svelte 5, o Preact. Decide cómo tus componentes se convierten en nodos DOM.

Un meta-framework es la capa superior: Next.js, Astro, SvelteKit, Nuxt, Remix. Maneja enrutamiento, carga de datos, renderizado del servidor, generación estática, y el pipeline de compilación. Esta es la capa donde viven el 90% de tus decisiones arquitectónicas.

Un bundler es la herramienta que compila, minifica, y divide tu código. En 2026, es Turbopack (Next.js), Vite (Astro, SvelteKit, Nuxt, Remix), o Webpack (proyectos heredados que todavía se aferran).

Un objetivo de implementación es dónde se ejecuta el resultado: Vercel, Netlify, Cloudflare Pages, AWS Amplify, un VPS simple, o tus propios contenedores Docker. El meta-framework dicta qué objetivos de implementación son ciudadanos de primera clase.

Aquí está por qué importa: elegir un "framework" en 2026 no es como elegir WordPress vs Squarespace en 2015. Es una decisión arquitectónica que fija tu estrategia de hosting, tu perfil de contratación, tu techo de rendimiento, y tu costo de migración para los próximos 3-5 años. He visto a empresas gastar $150K migrando de un framework que eligieron en una reunión de dos horas. Este post existe para que no termines en esa posición.

El cambio de 2024 a 2026 también vale la pena señalar. Los Server Components se enviaron como estables en React 19. Astro introdujo Server Islands. Los runes de Svelte 5 reemplazaron los antiguos stores reactivos. Estos no son upgrades incrementales. Cambian cómo piensas sobre dónde se ejecuta el código y qué se envía al navegador. Si tu modelo mental sigue siendo "SPA con una API," estás trabajando con un manual de 2020.

Los 6 Frameworks Que Importan (y 4 Que No)

La lista de supervivientes:

  1. Next.js 16 -- El defecto de React. App Router es estable, Server Components son reales, Turbopack es el bundler de producción.
  2. Astro 5 -- Sitios de contenido hechos correctamente. Islands de múltiples frameworks, Server Islands, Sessions API, cero JS por defecto.
  3. SvelteKit -- Los runes de Svelte 5 hacen la reactividad explícita. Los bundles más pequeños del grupo. Subestimado para aplicaciones de producción.
  4. Nuxt 3 -- El meta-framework de Vue 3. Fuerte en Europa, Asia, y cualquier equipo ya comprometido con el ecosistema Vue.
  5. Remix (React Router 7) -- Fundamentos web primero. Formularios, loaders, actions, mejora progresiva. Ahora fusionado en React Router.
  6. Gatsby -- Heredado. Aún ejecutándose en miles de sitios empresariales. Pero Netlify destrozó el equipo, el ecosistema de plugins se está pudriendo, y sin actualizaciones significativas desde mediados de 2024.

En quién NO deberías apostar:

  • Create React App (CRA): Oficialmente muerto. Los documentos de React ya no lo recomiendan. Si aún estás en CRA, migra a Next.js o Vite.
  • Blitz.js: El pitch de "Ruby on Rails para React" no funcionó. El equipo central se fue. La comunidad es un pueblo fantasma.
  • RedwoodJS: Ideas interesantes, momentum abandonado. El hype de 1.0 nunca se tradujo en adopción de producción a escala.
  • SPAs Vite simples para sitios de contenido: Vite es una excelente herramienta de compilación, pero enviar una SPA renderizada por cliente para un sitio de marketing en 2026 significa que estás luchando contra el rastreador de Google, quemando puntos de Lighthouse, y pagando un impuesto de hidratación que tus visitantes no merecen.

Deep Dive Framework por Framework

Next.js 16

Qué es. Next.js es el meta-framework React mantenido por Vercel. Es el framework más ampliamente adoptado en esta lista por un factor de 3-4x en descargas npm, publicaciones de empleo, y actividad de GitHub. Si estás construyendo con React en 2026 y no tienes una razón fuerte para elegir otra cosa, probablemente estés eligiendo Next.js.

Qué envía en 2026. Next.js 16 estabiliza el App Router que se introdujo en 13 y se refinó a través de 14 y 15. Los Server Components son el defecto. Las Server Actions (ahora llamadas Server Functions en los documentos de React) te permiten escribir mutaciones que se ejecutan en el servidor sin construir una ruta API. Turbopack reemplaza Webpack como el bundler de producción, cortando los tiempos de compilación en un 40-60% en bases de código grandes. El Partial Prerendering (PPR) te permite servir un shell estático con agujeros dinámicos en streaming, que es la ganancia de rendimiento más grande para aplicaciones autenticadas desde la regeneración estática incremental.

Puntuaciones reales de Lighthouse. En nuestro portafolio de 40+ sitios de producción Next.js, las puntuaciones de rendimiento de Lighthouse móvil varían de 82 a 96. La mediana es 89. El extremo inferior proviene de sitios con scripts de terceros pesados (analytics, widgets de chat, pruebas A/B). Una página de marketing limpia de Next.js 16 con imágenes optimizadas y JS cliente mínimo puntuación 92-96 consistentemente.

Trayectoria de costo de hosting. El plan Pro de Vercel es $20/asiento/mes, y golpeas el costo real en ancho de banda e invocaciones de función. En 100K visitantes mensuales, espera $40-120/mes. En 1M visitantes mensuales, $180-600/mes dependiendo de la relación dinámica vs estática. En 10M, $1,200-4,500/mes. Cloudflare Pages con el adaptador OpenNext es el juego presupuestario: $0-50/mes en 1M visitantes, aunque pierdes algunas características específicas de Vercel. AWS Amplify cae en algún lugar intermedio. Si quieres profundizar sobre lo que construimos con Next.js, consulta nuestras capacidades de desarrollo Next.js.

Complejidad de compilación. Un desarrollador React senior puede enviar un sitio Next.js 16 de producción en 2-4 semanas. Un desarrollador junior con experiencia React necesita 4-8 semanas y se tropezará con el límite de Server Component / Client Component. El modelo mental de App Router es genuinamente diferente del Pages Router, y los tutoriales de 2023 te engañarán activamente.

Mercado de contratación. React es la habilidad frontend más común en el mercado estadounidense. Los desarrolladores senior de Next.js cobran $150K-220K/año (US, tiempo completo) o $100-180/hora (contrato). El pool de talento es profundo, pero "conoce React" no significa "conoce el App Router." Comprueba la experiencia con Server Components específicamente.

Cuándo deberías elegirlo. Productos SaaS, dashboards autenticados, e-commerce con personalización dinámica, cualquier proyecto donde tu equipo ya sea React. También es la apuesta más segura para la compra empresarial porque cada tomador de decisiones ha oído hablar de ello.

Cuándo no deberías. Sitios de contenido puro donde no necesitas interactividad del cliente. Enviarás 80-150KB de runtime de React para renderizar lo que podría ser HTML estático. Ahí es donde Astro gana.

Complejidad de migración desde WordPress: 3/5. Moderada. La capa de datos es la parte difícil. Necesitarás un CMS headless (Sanity, Contentful, Payload) y una estrategia de redirección. La compilación es directa, pero el modelado de contenido lleva tiempo. Cubrimos esto en detalle en migración de WordPress a Next.js.

Astro 5

Qué es. Astro es el framework enfocado en contenido que envía cero JavaScript por defecto. Escribes componentes en la sintaxis de plantilla propia de Astro o traes la tuya (React, Vue, Svelte, Preact, Solid), y Astro los renderiza a HTML estático en tiempo de compilación. Los componentes interactivos se hidratan en el cliente solo cuando explícitamente optas por client:load, client:visible, o directivas client:idle. Esta arquitectura de "islands" significa que tu página de entrada del blog envía 0KB de JS a menos que tengas un widget interactivo.

Qué envía en 2026. Astro 5 trae Server Islands (renderiza componentes específicos en el servidor en tiempo de solicitud mientras el resto de la página es estática o cacheada), la Sessions API (gestión de sesiones de primera parte sin almacenes de estado externos), mejoras de Content Layer para modelado de contenido type-safe Markdown/MDX, y una API View Transitions refinada. El framework de documentación Starlight es maduro y ampliamente adoptado.

Puntuaciones reales de Lighthouse. Aquí es donde Astro avergüenza a todos. En 25+ sitios de contenido de producción en nuestro portafolio, las puntuaciones de rendimiento de Lighthouse móvil varían de 95 a 100. La mediana es 98. Cuando envías cero JS, es difícil puntuar mal. LCP bajo 1.2s es la norma, no la excepción.

Trayectoria de costo de hosting. Los sitios estáticos de Astro en Cloudflare Pages cuestan $0 en 1M visitantes mensuales. Tier gratuito. El tier gratuito de Netlify maneja la mayoría de sitios de contenido. El hosting estático de Vercel también es efectivamente gratuito en esa escala. Si estás usando Server Islands o modo SSR, los costos suben ligeramente: $5-30/mes en 1M visitantes en Cloudflare, $30-80/mes en Vercel. Este es el framework más barato de alojar por un amplio margen.

Complejidad de compilación. Un desarrollador junior con habilidades básicas de HTML/CSS/JS puede enviar un sitio Astro de producción en 1-2 semanas. En serio. La curva de aprendizaje es la más suave en esta lista. Si necesitas interactividad, traes la librería de UI que tu equipo conoce, por lo que el techo es tan alto como la habilidad de tu equipo.

Mercado de contratación. La experiencia específica de Astro es más rara que React, pero no la necesitas. Cualquier desarrollador frontend puede aprender la sintaxis de plantilla de Astro en un día. El modelo de islands significa que contratas por tu librería de componentes de elección (React, Vue, Svelte) y enseñas la capa de Astro. Tasas de desarrollador senior de US: $130K-190K/año o $90-150/hora.

Cuándo deberías elegirlo. Sitios de marketing, blogs, documentación, editores de contenido pesado, SEO programático a escala (hemos construido sitios Astro con 50,000+ páginas que se construyen en menos de 3 minutos), sitios de agencia donde el rendimiento es un punto de venta.

Cuándo no deberías. Aplicaciones SaaS altamente interactivas, dashboards en tiempo real, cualquier cosa donde la mayoría de las páginas requieren autenticación y datos dinámicos. Astro puede hacer SSR, pero no fue diseñado para interactividad tipo app, y lucharás contra él. Para proyectos de contenido, revisa nuestras capacidades de desarrollo Astro.

Complejidad de migración desde WordPress: 2/5. La migración más fácil para sitios de contenido. Exporta contenido de WordPress a Markdown o conecta un CMS headless, mapea plantillas a layouts de Astro, configura redirecciones. Un sitio de marketing de 50 páginas se migra en 2-4 semanas.

SvelteKit

Qué es. SvelteKit es el meta-framework oficial para Svelte. Svelte compila tus componentes a JavaScript vanilla en tiempo de compilación, lo que significa sin diffing de virtual DOM en tiempo de ejecución y bundles dramáticamente más pequeños. Svelte 5 introdujo "runes," que reemplazan los antiguos statements reactivos $: con primitivos explícitos $state(), $derived(), y $effect(). Esto fue controvertido, pero en la práctica, los runes hacen bases de código grandes más predecibles y más fáciles de debuggear.

Qué envía en 2026. Los runes de Svelte 5 son estables. El sistema de adaptadores de SvelteKit soporta Vercel, Netlify, Cloudflare, Node, y salida estática. El renderizado del lado del servidor es un ciudadano de primera clase. Las acciones de formulario manejan mutaciones sin gestión de estado del lado del cliente. El nuevo sistema $effect.tracking() y reactividad de grano fino significa menos re-renders accidentales que cualquier framework basado en React.

Puntuaciones reales de Lighthouse. Mobile Lighthouse desde nuestros sitios de producción SvelteKit varían de 90 a 98, mediana 94. Los bundles son típicamente 30-60% más pequeños que las aplicaciones Next.js equivalentes porque no hay runtime de React. Una aplicación SvelteKit con unos pocos componentes interactivos a menudo envía 25-40KB de JS total donde un equivalente de Next.js envía 85-120KB.

Trayectoria de costo de hosting. Similar a Next.js en modo SSR. Vercel: $40-120/mes en 100K visitantes, $180-500/mes en 1M. Cloudflare Pages: $0-40/mes en 1M. Los tamaños de bundle más pequeños significan costos de ancho de banda más bajos a escala, ahorrando 10-20% versus Next.js en hosts con medición de ancho de banda.

Complejidad de compilación. Si tu equipo conoce Svelte, 2-4 semanas para enviar. Si tu equipo está aprendiendo Svelte desde React, suma 2-3 semanas para el cambio de modelo mental. Los runes de Svelte 5 realmente hacen la transición desde React más fácil que el antiguo Svelte, porque $state() es conceptualmente más cercano a useState() que la reactividad implícita anterior.

Mercado de contratación. Esta es la mayor debilidad de SvelteKit. El pool de talento de Svelte es quizás 10-15% el tamaño del pool de React. Tasas senior de US: $140K-200K/año o $100-160/hora. A menudo contratarás desarrolladores React que quieren aprender Svelte, que funciona, pero planifica el tiempo de ramp-up.

Cuándo deberías elegirlo. Aplicaciones críticas para rendimiento donde el tamaño del bundle importa (productos móvil-first, mercados emergentes con conexiones lentas), equipos que ya estén en el ecosistema de Svelte, proyectos donde puedas invertir en capacitación de desarrolladores.

Cuándo no deberías. Proyectos empresariales donde necesitas backfill de desarrolladores rápidamente. Equipos grandes donde la experiencia React es el filtro de contratación. Proyectos que dependen mucho de librerías específicas de React (headless UI, Radix, etc.).

Complejidad de migración desde WordPress: 3/5. Similar a Next.js, pero con menos integraciones de CMS listas para usar. Probablemente empareja con un CMS headless que tenga un API REST o GraphQL.

Nuxt 3

Qué es. Nuxt 3 es para Vue 3 lo que Next.js es para React. Es el meta-framework completo con enrutamiento basado en archivos, renderizado del servidor, generación estática, y un rico ecosistema de módulos. Si tu equipo escribe Vue, Nuxt es tu meta-framework. No hay una alternativa real en el ecosistema Vue.

Qué envía en 2026. Nuxt 3 se ejecuta en Nitro (un servidor que se despliega en cualquier lugar) y usa Vite para compilaciones. La Composition API es el estándar. Las herramientas de Nuxt DevTools son excelentes. Las rutas del servidor y rutas API están incluidas. El ecosistema de módulos (Nuxt Content, Nuxt Image, Nuxt SEO) cubre la mayoría de necesidades comunes sin paquetes de terceros.

Puntuaciones reales de Lighthouse. Mobile Lighthouse desde producción: 85-95, mediana 90. Comparable a Next.js. El runtime de Vue es ligeramente más pequeño que el de React, así que los tamaños de bundle tienden 10-15% más bajo en la línea de base.

Trayectoria de costo de hosting. Casi idéntica a Next.js. Vercel soporta Nuxt nativamente. Netlify y Cloudflare Pages funcionan bien. $150-500/mes en 1M visitantes mensuales dependiendo de la estrategia de renderizado.

Complejidad de compilación. Desarrolladores Vue envían en 2-4 semanas. Desarrolladores React aprendiendo Vue necesitan 3-5 semanas. La Composition API es más cercana a React Hooks que la antigua Options API, así que la transición es manejable.

Mercado de contratación. Vue es fuerte en Europa (especialmente Francia, Países Bajos, Alemania) y en toda Asia. En los US, el pool de talento Vue es aproximadamente 25-30% el tamaño del de React. Tasas senior de US: $130K-190K/año. Si tu equipo o mercado se inclina hacia Vue, Nuxt es la opción obvia. Si estás comenzando desde cero en los US, el pool de contratación React/Next.js es significativamente más profundo.

Cuándo deberías elegirlo. Tu equipo ya escribe Vue. Estás basado en una región donde el talento Vue es abundante. Prefieres la sintaxis de plantilla de Vue y Composition API sobre JSX.

Cuándo no deberías. Estás dotando un equipo de US desde cero. Necesitas el ecosistema absolutamente más grande de componentes y integraciones de terceros (React gana aquí por volumen).

Complejidad de migración desde WordPress: 3/5. Igual que Next.js. CMS headless + frontend Nuxt + mapeo de redirección.

Remix (React Router 7)

Qué es. Remix se fusionó en React Router a finales de 2024. React Router 7 con "modo framework" es lo que solíamos llamar Remix. La filosofía es fundamentos web: formularios HTML, caching HTTP, mejora progresiva, y loaders/actions que se ejecutan en el servidor. Es dogmático sobre usar la plataforma en lugar de reinventarla.

Qué envía en 2026. React Router 7 se envía con soporte React 19, Server Components (parcial, opt-in), carga de datos basada en RSC, Vite como el bundler, y soporte de primera clase para Cloudflare Workers. El patrón loader/action sigue siendo el modelo mental central para datos. El framework es más ligero que Next.js y te da más control sobre la capa HTTP.

Puntuaciones reales de Lighthouse. Mobile Lighthouse: 88-96, mediana 92. El enfoque de mejora progresiva de Remix significa que las páginas funcionan sin JS, lo que ayuda con el rendimiento percibido incluso cuando los números de Lighthouse son similares a Next.js.

Trayectoria de costo de hosting. Remix se ejecuta bien en Cloudflare Workers ($5-25/mes en 1M visitantes), Fly.io ($10-60/mes), o cualquier host Node.js. Vercel lo soporta pero no es la plataforma nativa como lo es para Next.js. Los hosts presupuestarios son más viables porque Remix no depende de infraestructura específica de Vercel.

Complejidad de compilación. Desarrolladores React familiarizados con patrones REST envían en 2-4 semanas. El modelo loader/action es intuitivo si has trabajado con aplicaciones renderizadas del servidor antes. Los desarrolladores que vienen solo de SPAs pueden necesitar 1-2 semanas extra para ajustarse.

Mercado de contratación. El talento específico de Remix es de nicho, pero es React bajo el capó, así que cualquier desarrollador React senior puede accelerarse rápidamente. La fusión con React Router realmente ayudó porque React Router es casi universal en el ecosistema React.

Cuándo deberías elegirlo. Marketplaces, aplicaciones con formularios pesados de varios pasos, productos donde la estructura de URL importa profundamente, equipos que quieren estar cerca de los estándares web, proyectos desplegando en Cloudflare Workers.

Cuándo no deberías. Sitios con mucho contenido (Astro es mejor). Proyectos donde tu equipo espera el ecosistema de Next.js de ejemplos, tutoriales, y respuestas de Stack Overflow. Entornos empresariales donde "usamos Next.js" es una respuesta política más segura.

Complejidad de migración desde WordPress: 3/5. Similar a Next.js. La capa de datos es el mismo desafío.

Gatsby

Qué es en 2026. Gatsby es un generador de sitios estáticos construido en React y GraphQL. Era la mascota de 2019-2021. Netlify lo adquirió, luego efectivamente lo abandonó. El último lanzamiento significativo fue a mediados de 2024. El ecosistema de plugins se está decayendo. Los mantenedores principales se han ido. Los tiempos de compilación para sitios grandes (10K+ páginas) siguen siendo dolorosamente lentos comparado con Astro o Next.js con ISR.

Puntuaciones reales de Lighthouse. Mobile Lighthouse: 75-90, mediana 82. Gatsby envía mucho JS por defecto, y la capa de datos GraphQL añade overhead que los frameworks más nuevos evitan por completo.

Trayectoria de costo de hosting. Gatsby Cloud se cerró. Estás alojando en Netlify, Vercel, o S3 + CloudFront. Los costos son comparables al estático de Next.js: $50-200/mes en 1M visitantes.

Cuándo deberías elegirlo. No deberías. La única razón para tocar Gatsby en 2026 es si heredaste un sitio Gatsby y necesitas mantenerlo mientras planeas una migración.

Cuándo no deberías. Cualquier proyecto nuevo. Punto.

Complejidad de migración desde WordPress: N/A. Migra lejos de Gatsby, no hacia él. Si estás en Gatsby y considerando tu siguiente paso, el camino es típicamente Gatsby a Astro para sitios de contenido o Gatsby a Next.js para sitios tipo app.

Tablas de Comparación

Matriz de Rendimiento y Experiencia de Desarrollador

Framework Avg Lighthouse Móvil Avg LCP (s) Avg INP (ms) Bundle Size (KB) Cold Start (ms) Build Time (1K páginas)
Next.js 16 89 1.8 120 85-140 150-400 45-90s
Astro 5 98 0.9 40 0-30 50-120 20-40s
SvelteKit 94 1.3 75 25-55 100-250 30-60s
Nuxt 3 90 1.6 110 70-120 140-350 50-100s
Remix (RR7) 92 1.4 90 70-110 80-200 35-70s
Gatsby 82 2.4 180 120-200 N/A (estático) 180-600s

Costo de Hosting en 1M Visitantes Mensuales (USD/mes)

Framework Vercel Netlify Cloudflare Pages AWS Amplify
Next.js 16 (SSR) $180-600 $200-500 $20-80* $150-400
Astro 5 (Estático) $0-20 $0-19 $0 $0-15
Astro 5 (SSR) $30-80 $40-100 $5-30 $30-80
SvelteKit (SSR) $180-500 $180-450 $15-60 $120-350
Nuxt 3 (SSR) $150-500 $180-450 $15-60 $120-350
Remix (SSR) $150-400 $150-400 $5-25 $100-300
Gatsby (Estático) $50-200 $50-200 $0-10 $40-150

*Cloudflare Pages con adaptador OpenNext; algunas características específicas de Vercel no disponibles.

Adecuación por Caso de Uso

Caso de Uso Next.js 16 Astro 5 SvelteKit Nuxt 3 Remix Gatsby
Sitio de marketing Bien Mejor Bien Bien Bien Evitar
Blog / hub de contenido Bien Mejor Bien Bien Bien Evitar
E-commerce Mejor Evitar Bien Bien Bien Evitar
Aplicación SaaS Mejor Evitar Bien Bien Bien Evitar
Plataforma multi-tenant Mejor Evitar Bien Bien Mejor Evitar
SEO programático (50K+ páginas) Bien Mejor Bien Bien Bien Evitar

Árbol de Decisiones

Ejecuta esto en 60 segundos. Ve de arriba a abajo, toma el primer match.

  1. Si tu equipo son ingenieros React construyendo una aplicación SaaS o producto autenticado → Next.js 16 con App Router.
  2. Si estás construyendo un sitio de contenido, sitio de marketing, blog, o documentación → Astro 5. Sin competencia en rendimiento o costo de hosting.
  3. Si quieres los bundles más pequeños y tu equipo está cómodo aprendiendo Svelte 5 runes → SvelteKit.
  4. Si tu equipo ya escribe Vue, o estás contratando en un mercado fuerte en Vue → Nuxt 3.
  5. Si estás construyendo un marketplace, producto pesado en formularios, o desplegando en Cloudflare Workers → Remix / React Router 7.
  6. Si actualmente estás en Gatsby → Deja de invertir. Planifica una migración a Astro (contenido) o Next.js (app).
  7. Si estás en WordPress pasado 100K visitantes mensuales y el rendimiento/seguridad es una preocupación → Migra a Next.js + CMS headless o Astro + CMS headless.
  8. Si eres un líder de marketing no técnico leyendo esto → Contrata un equipo que se especialice en arquitectura headless. La elección del framework importa menos que la experiencia del equipo con él. Comienza con nuestra página de desarrollo CMS headless para contexto.

Recomendaciones de Stack de Producción Real

He enviado más de 5,000 sitios en agencias, startups, y clientes empresariales desde 2014. Aquí hay tres stacks en los que estoy apostando en 2026, con rangos de costo real de despliegues de producción.

Stack A: Sitio de Contenido / Marketing

Astro 5 + Sanity + Vercel (o Cloudflare Pages) + Resend para email transaccional

Este es nuestro defecto para sitios de marketing, compilaciones de agencia, y editores de contenido. Sanity proporciona una experiencia de edición colaborativa en tiempo real. Astro renderiza todo a HTML estático. Vercel o Cloudflare lo sirve en el edge.

  • Costo mensual en 1M MV: $30-180/mes (tier gratuito de Sanity cubre la mayoría de sitios de marketing; Vercel estático está cerca de gratis; Resend es $20/mes para email transaccional)
  • Tiempo de compilación: 2-4 semanas para un sitio de marketing de 30 páginas
  • Tamaño del equipo: 1 desarrollador senior + 1 diseñador
  • Rendimiento: Lighthouse 96-100 en cada página

Este stack es el que recomendamos más a menudo para equipos que vienen de WordPress. La experiencia editorial en Sanity es genuinamente mejor que wp-admin para contenido estructurado, y el rendimiento del frontend está en una liga diferente. Si esto suena como tu situación, habla con nosotros sobre desarrollo Astro.

Stack B: Aplicación SaaS

Next.js 16 App Router + Supabase + Stripe + Vercel + PostHog

Este es la versión 2026 del stack "indie SaaS", pero escala a $10M+ ARR. Supabase maneja auth, base de datos (Postgres), y suscripciones en tiempo real. Stripe maneja pagos. PostHog maneja analytics y feature flags. Vercel aloja la aplicación Next.js.

  • Costo mensual en 100K MRR: $280-1,800/mes total (Vercel $200-800, Supabase $25-300, Stripe 2.9% + $0.30/txn, PostHog $0-450)
  • Tiempo de compilación: 6-12 semanas para MVP
  • Tamaño del equipo: 2-3 desarrolladores
  • Rendimiento: Lighthouse 85-94 dependiendo de la complejidad del dashboard

La idea clave: no sobre-arquitectures al principio. La seguridad a nivel de fila de Supabase y Postgres hacen el trabajo de tres servicios separados. Migra a infraestructura dedicada cuando hayas pasado $5M ARR, no antes. Hemos construido docenas de productos SaaS en este stack, documentado en nuestro trabajo de desarrollo SaaS.

Stack C: Empresa Multi-Locale

Next.js 16 + Sanity + Cloudflare Pages + Algolia

Los sitios de marketing empresariales con 30+ locales, decenas de miles de páginas, y funcionalidad de búsqueda necesitan un enfoque diferente. Cloudflare Pages sobre Vercel aquí porque la red de edge global maneja mejor la latencia multi-región a esta escala, y la diferencia de costo es significativa: $500-2,000/mes en Cloudflare vs $2,000-5,000/mes en Vercel para 5M visitantes mensuales.

  • Costo mensual en 5M MV en 30 locales: $450-5,000/mes (Cloudflare $50-400, Sanity $99-799, Algolia $100-1,500, monitoreo/CDN/misc $200-2,300)
  • Tiempo de compilación: 12-24 semanas
  • Tamaño del equipo: 3-5 desarrolladores + 1 project manager
  • Rendimiento: Lighthouse 88-95

Algolia maneja búsqueda en todos los locales con ranking específico de idioma. Las funciones de localización de Sanity manejan contenido en un documento único con campos específicos de locale. El enrutamiento i18n de Next.js mapea slugs de locale al contenido correcto.

Realidades de Migración

Si estás migrando de WordPress, Drupal, o Sitecore en 2026, aquí está lo que el 90% de las agencias no te dicen antes de que firmes el contrato.

Realidad de línea de tiempo:

  • Sitios de marketing (hasta 100 páginas): 6-12 semanas, de inicio a en vivo
  • Sitios con mucho contenido (500-5,000 páginas): 10-16 semanas
  • E-commerce: 12-24 semanas
  • Empresarial con integraciones (CRM, ERP, DAM): 16-32 semanas

Las 5 cosas que se rompen en cutover:

  1. Redirecciones. Los patrones de URL de WordPress (/category/post-name/, /page/2/) no coinciden con los defectos de tu nuevo framework. Pierde una redirección y tu tráfico orgánico baja 20-40% de la noche a la mañana. Mapea cada URL individual. Usa una herramienta de rastreo (Screaming Frog, Sitebulb) para construir la lista de redirección antes de escribir una línea de código.

  2. Datos estructurados / markup de schema. Tus plugins de WordPress (Yoast, RankMath) generaban JSON-LD automáticamente. Tu nuevo sitio no envía nada a menos que lo construyas explícitamente. Schema de artículo, schema de FAQ, schema de breadcrumb, schema de organización: todos necesitan implementación manual.

  3. Etiquetas hreflang. Si tienes contenido multi-locale, hreflang debe estar correcto en el día uno. Google tarda semanas en rastrear de nuevo, e hreflang incorrecto causa que el locale incorrecto se clasifique. Prueba con el verificador de etiqueta hreflang antes del cutover, no después.

  4. Timing del índice de búsqueda. Google puede tardar 2-8 semanas en re-indexar completamente tu sitio después de un cambio de estructura de URL importante, incluso con redirecciones perfectas. Planifica una caída temporal de tráfico orgánico del 5-15%. Se recupera, pero tu CMO necesita saber que se acerca.

  5. URLs de imagen. WordPress almacena imágenes en /wp-content/uploads/YYYY/MM/. Tu nuevo sitio usa un CDN con paths diferentes. Si algún sitio externo o email enlaza a tus antiguas URLs de imagen, esos son 404s a menos que los redirijas. Y las imágenes son a menudo 40-60% de las URLs indexadas de un sitio.

Banda de costo real: $25K-200K dependiendo del conteo de páginas, integraciones, y complejidad de contenido. Una migración de sitio de marketing de 30 páginas corre $25K-50K. Un sitio de contenido de 2,000 páginas con tipos de post personalizados, WooCommerce, y tres locales de idioma corre $80K-200K.

Cuándo hacer fase vs cutover: Fase cuando tengas más de 500 páginas o integraciones complejas. Ejecuta el nuevo framework en un subdominio o subdirectorio primero. Migra secciones incrementalmente. Cutover cuando tengas menos de 200 páginas y puedas validar todo en un ambiente de staging en un sprint.

Para guías de migración detalladas, mira:

FAQ

¿Cuál es el framework web más moderno en 2026?

Astro 5 y Next.js 16 representan el estado del arte actual en 2026, pero sirven propósitos diferentes. Astro 5 es la opción más moderna para sitios impulsados por contenido, enviando cero JavaScript por defecto y logrando puntuaciones de Lighthouse de 95-100 consistentemente. Next.js 16 es la opción más moderna para aplicaciones interactivas, con Server Components estables, Server Functions, y Partial Prerendering. "Moderno" en 2026 significa renderizado server-first con hidratación selectiva de cliente, no aplicaciones de una sola página. El antiguo modelo de enviar un runtime JavaScript completo para renderizar una entrada de blog ya no se considera práctica moderna.

¿Es Next.js aún el mejor framework en 2026?

Next.js 16 sigue siendo el framework React de propósito general mejor en 2026, pero no es el mejor framework para cada proyecto. Es la opción principal para aplicaciones SaaS, plataformas de e-commerce, y productos autenticados debido a su ecosistema profundo, pool de talento grande, e infraestructura de Vercel. Sin embargo, para sitios de contenido, Astro 5 supera a Next.js en velocidad, costo, y simplicidad. Para proyectos donde el tamaño del bundle es crítico, SvelteKit envía significativamente menos JavaScript. Next.js es la apuesta más segura si no estás seguro, pero "más segura" y "mejor" no son la misma cosa.

¿Debería usar Astro o Next.js para un sitio de marketing?

Usa Astro 5 para un sitio de marketing. Astro envía cero JavaScript por defecto, resultando en puntuaciones móviles de Lighthouse de 95-100 versus típicamente 89-96 de Next.js para contenido similar. Los costos de hosting son dramáticamente más bajos: un sitio Astro estático en Cloudflare Pages cuesta $0/mes en 1M visitantes mensuales, mientras que un sitio Next.js en Vercel cuesta $180-600/mes. La complejidad de compilación es también más baja; un desarrollador junior puede enviar un sitio de marketing Astro en 1-2 semanas. La única razón para elegir Next.js para un sitio de marketing es si la misma codebase también necesita servir una sección de aplicación autenticada, e incluso entonces, podrías estar mejor sirviendo dos despliegues separados.

¿Es SvelteKit production-ready en 2026?

Sí, SvelteKit es completamente production-ready en 2026. Los runes de Svelte 5 son estables, el ecosistema de adaptadores cubre todas las plataformas de hosting principales, y compañías como Apple, Spotify (herramientas internas), y The New York Times Wirecutter usan Svelte en producción. SvelteKit envía los bundles más pequeños de cualquier framework principal, típicamente 30-60% menos JavaScript que aplicaciones Next.js equivalentes. El riesgo primario no es preparación técnica sino contratación: el pool de talento de Svelte es aproximadamente 10-15% el tamaño del de React. Si puedes dotar el equipo, SvelteKit es una opción excelente.

¿Cuál es el mejor framework React para SEO en 2026?

Next.js 16 es el mejor framework React para SEO en 2026. Soporta generación estática, renderizado del lado del servidor, y regeneración estática incremental, todo lo cual produce HTML completamente renderizado que los motores de búsqueda pueden indexar inmediatamente. La API de Metadata proporciona control granular sobre etiquetas de título, meta descripciones, etiquetas Open Graph, y datos estructurados JSON-LD. El Partial Prerendering sirve contenido estático instantáneamente mientras transmite secciones dinámicas, lo que ayuda con Core Web Vitals. Remix (React Router 7) también es fuerte para SEO con su enfoque renderizado del servidor, pero Next.js tiene más tooling SEO incorporado y un ecosistema más grande de ejemplos enfocados en SEO.

¿Cuánto cuesta alojar un sitio Next.js en 1 millón de visitantes mensuales?

Alojar un sitio Next.js en 1 millón de visitantes mensuales cuesta entre $20 y $600 por mes dependiendo de la plataforma y estrategia de renderizado. En Vercel Pro, espera $180-600/mes para una mezcla de páginas estáticas y renderizadas del servidor. En Cloudflare Pages con el adaptador OpenNext, los costos bajan a $20-80/mes, aunque algunas características específicas de Vercel como optimización de imagen requieren soluciones alternativas. En AWS Amplify, $150-400/mes es típico. Si ejecutas una exportación Next.js puramente estática (sin SSR), los costos en cualquier plataforma bajan a $0-50/mes. La variable de costo más grande es la relación de páginas renderizadas del servidor a estáticas, seguida por ancho de banda de imagen.

¿Está Gatsby muerto?

Gatsby no está técnicamente muerto, pero efectivamente está abandonado a partir de 2026. Netlify adquirió Gatsby en 2023, cerró Gatsby Cloud, y redujo el equipo central a mantenimiento mínimo. El último lanzamiento de características significativo fue a mediados de 2024. El ecosistema de plugins está decayendo, con muchos plugins populares sin mantener e incompatibles con versiones actuales de Node.js. Los tiempos de compilación para sitios grandes siguen siendo 3-10x más lentos que Astro o Next.js. Si estás en Gatsby hoy, planifica una migración. Para sitios de contenido, Astro 5 es el sucesor natural. Para sitios tipo app, Next.js 16. No inicies un nuevo proyecto en Gatsby.

¿Puedo migrar de WordPress a Astro?

Sí, migrar de WordPress a Astro es una de las rutas de migración más directas disponibles en 2026. Para sitios enfocados en contenido, exportas contenido de WordPress a archivos Markdown o conectas Astro a un CMS headless como Sanity, Contentful, o Payload. Las Content Collections de Astro proporcionan manejo de contenido type-safe. Un sitio de marketing típico de 50 páginas se migra en 2-4 semanas. Los desafíos principales son los mismos que cualquier migración de WordPress: mapeo de redirección, reimplementación de datos estructurados, y manejo de URLs de imagen. El resultado es un sitio que puntuación 95-100 en Lighthouse, cuesta casi cero para alojar, y es dramáticamente más seguro que WordPress porque no hay runtime del lado del servidor para atacar. Calificamos esta migración como 2 de 5 en dificultad para sitios de contenido. Mira nuestra guía completa en alternativas de WordPress para una comparación detallada.