TL;DR: A recomendação classificada por caso de uso, para você pular as próximas 6.000 palavras.

  • Sites de conteúdo, páginas de marketing, blogs, SEO programático: Astro 5. Envie HTML estático, hidrate apenas o que precisa de JavaScript, scores do Lighthouse de 95-100 prontos para uso. Mais barato para hospedar por uma margem muito grande.
  • Apps SaaS, dashboards, produtos autenticados: Next.js 16 com o App Router. Maior pool de contratação, ecossistema mais profundo, Server Components finalmente estável.
  • Menor bundle possível, maior teto de desempenho: SvelteKit com Svelte 5 runes. Seu time precisa estar confortável fora do mainstream do React.
  • Shops Vue, especialmente times EU/Ásia: Nuxt 3. É o meta-framework Vue, ponto final.
  • Produtos centrados em URL (marketplaces, formulários multi-etapa): Remix (agora React Router 7). Formulários web-standard, progressive enhancement por padrão.
  • Gatsby: Migre para fora dele. Sério.

O Que "Framework Moderno" Realmente Significa em 2026

Quando um CTO ou líder de marketing diz "framework" em 2026, geralmente estão conflacionando três ou quatro camadas em uma palavra. Deixe-me separar isso porque a distinção importa quando você está assinando um contrato ou contratando um time.

Um renderer é a biblioteca de UI: React 19, Vue 3, Svelte 5 ou Preact. Decide como seus componentes se transformam em nós DOM.

Um meta-framework é a camada acima: Next.js, Astro, SvelteKit, Nuxt, Remix. Ele lida com roteamento, carregamento de dados, renderização no servidor, geração estática e o pipeline de build. Esta é a camada onde 90% de suas decisões arquiteturais vivem.

Um bundler é a ferramenta que compila, minifica e divide seu código. Em 2026, isso é Turbopack (Next.js), Vite (Astro, SvelteKit, Nuxt, Remix) ou Webpack (projetos legados ainda agarrados).

Um deploy target é onde a saída é executada: Vercel, Netlify, Cloudflare Pages, AWS Amplify, um VPS simples ou seus próprios containers Docker. O meta-framework dita quais deploy targets são cidadãos de primeira classe.

Eis por que isso importa: escolher um "framework" em 2026 não é como escolher WordPress vs Squarespace em 2015. É uma decisão arquitetural que bloqueia sua estratégia de hospedagem, seu perfil de contratação, seu teto de desempenho e seu custo de migração pelos próximos 3-5 anos. Tenho visto empresas gastarem $150K migrando de um framework que escolheram em uma reunião de duas horas. Este post existe para você não acabar nessa posição.

A mudança de 2024 para 2026 também vale a pena notar. Server Components foi lançado como estável no React 19. Astro introduziu Server Islands. Svelte 5 runes substituíram os antigos reactive stores. Estas não são atualizações incrementais. Elas mudam como você pensa sobre onde o código é executado e o que é enviado ao navegador. Se seu modelo mental ainda é "SPA com uma API," você está trabalhando com um playbook de 2020.

Os 6 Frameworks Que Importam (e 4 Que Não Importam)

A lista de sobreviventes:

  1. Next.js 16 -- O padrão do React. App Router é estável, Server Components são reais, Turbopack é o bundler de produção.
  2. Astro 5 -- Sites de conteúdo feitos corretamente. Islands multi-framework, Server Islands, Sessions API, zero JS por padrão.
  3. SvelteKit -- Svelte 5 runes tornam a reatividade explícita. Os menores bundles do grupo. Subestimado para apps de produção.
  4. Nuxt 3 -- Meta-framework do Vue 3. Forte na Europa, Ásia e qualquer time já comprometido com o ecossistema Vue.
  5. Remix (React Router 7) -- Fundamentos web em primeiro lugar. Formulários, loaders, actions, progressive enhancement. Agora mesclado no React Router.
  6. Gatsby -- Legado. Ainda rodando em milhares de sites enterprise. Mas Netlify destruiu o time, o ecossistema de plugins está apodrecendo e nenhuma atualização significativa desde meados de 2024.

Em quem NÃO apostar:

  • Create React App (CRA): Oficialmente morto. Docs do React não o recomendam mais. Se você ainda está em CRA, migre para Next.js ou Vite.
  • Blitz.js: O pitch "Ruby on Rails para React" não funcionou. Core team seguiu em frente. Comunidade é um cemitério.
  • RedwoodJS: Ideias interessantes, momentum abandonado. O hype da 1.0 nunca se traduziu em adoção de produção em escala.
  • Plain Vite SPAs para sites de conteúdo: Vite é uma excelente ferramenta de build, mas enviar uma SPA renderizada no cliente para um site de marketing em 2026 significa você está lutando contra o crawler do Google, queimando pontos do Lighthouse e pagando um imposto de hidratação que seus visitantes não merecem.

Análise Profunda Framework por Framework

Next.js 16

O que é. Next.js é o meta-framework React mantido pela Vercel. É o framework mais amplamente adotado nesta lista por um fator de 3-4x em downloads npm, postagens de emprego e atividade no GitHub. Se você está construindo com React em 2026 e não tem uma razão forte para escolher algo diferente, você provavelmente está escolhendo Next.js.

O que envia em 2026. Next.js 16 estabiliza o App Router que foi introduzido em 13 e refinado através de 14 e 15. Server Components são o padrão. Server Actions (agora chamadas Server Functions nos docs do React) permitem que você escreva mutações que rodam no servidor sem construir uma rota de API. Turbopack substitui Webpack como o bundler de produção, cortando tempos de build em 40-60% em grandes codebases. Partial Prerendering (PPR) permite que você sirva um shell estático com buracos dinâmicos em streaming, que é o maior ganho de desempenho para apps autenticados desde incremental static regeneration.

Scores reais do Lighthouse. Através de nosso portfólio de 40+ sites Next.js de produção, scores de desempenho mobile do Lighthouse variam de 82 a 96. A mediana é 89. A extremidade baixa vem de sites com muitos scripts de terceiros (analytics, chat widgets, A/B testing). Uma página de marketing Next.js 16 limpa com imagens otimizadas e JS cliente mínimo marca 92-96 consistentemente.

Trajetória de custo de hospedagem. O plano Pro do Vercel é $20/assento/mês, e você atinge o custo real em largura de banda e invocações de função. Em 100K visitantes mensais, espere $40-120/mês. Em 1M visitantes mensais, $180-600/mês dependendo da proporção dinâmica vs estática. Em 10M, $1.200-4.500/mês. Cloudflare Pages com o adaptador OpenNext é a opção de orçamento: $0-50/mês em 1M visitantes, embora você perca alguns recursos específicos do Vercel. AWS Amplify fica em algum lugar no meio. Se você quer ir mais a fundo sobre o que construímos com Next.js, veja nossas capacidades de desenvolvimento Next.js.

Complexidade do build. Um desenvolvedor React sênior pode enviar um site Next.js 16 de produção em 2-4 semanas. Um desenvolvedor júnior com experiência em React precisa de 4-8 semanas e será tropeçado pela fronteira Server Component / Client Component. O modelo mental do App Router é genuinamente diferente do Pages Router, e tutoriais de 2023 o enganarão ativamente.

Mercado de contratação. React é a habilidade frontend mais comum no mercado dos EUA. Desenvolvedores sênior de Next.js comandam $150K-220K/ano (EUA, tempo integral) ou $100-180/hora (contrato). O pool de talentos é profundo, mas "sabe React" não significa "sabe o App Router." Investigue especificamente para experiência com Server Components.

Quando você deve escolhê-lo. Produtos SaaS, dashboards autenticados, e-commerce com personalização dinâmica, qualquer projeto onde seu time já é React. É também a aposta mais segura para buy-in enterprise porque todo tomador de decisão já ouviu falar sobre isso.

Quando você não deve. Sites de conteúdo puro onde você não precisa de interatividade no cliente. Você enviará 80-150KB de runtime React para renderizar o que poderia ser HTML estático. É aí que Astro vence.

Complexidade de migração do WordPress: 3/5. Moderado. A camada de dados é a parte difícil. Você precisará de um CMS headless (Sanity, Contentful, Payload) e uma estratégia de redirecionamento. O build é direto, mas a modelagem de conteúdo leva tempo. Cobrimos isso em detalhes em migração WordPress para Next.js.

Astro 5

O que é. Astro é o framework centrado em conteúdo que envia zero JavaScript por padrão. Você escreve componentes na sintaxe de template própria do Astro ou traz a sua (React, Vue, Svelte, Preact, Solid), e Astro os renderiza para HTML estático no tempo de build. Componentes interativos hidratam no cliente apenas quando você explicitamente opta com diretivas client:load, client:visible ou client:idle. Esta arquitetura "islands" significa que sua página de post de blog envia 0KB de JS a menos que você tenha um widget interativo.

O que envia em 2026. Astro 5 traz Server Islands (renderize componentes específicos no servidor no tempo de requisição enquanto o resto da página é estático ou cacheado), a Sessions API (gerenciamento de sessão de primeira parte sem armazenamento de estado externo), melhorias na Content Layer para Markdown/MDX type-safe e uma View Transitions API refinada. O framework de documentação Starlight é maduro e amplamente adotado.

Scores reais do Lighthouse. É aqui que Astro envergonha todos. Através de 25+ sites de conteúdo de produção em nosso portfólio, scores de desempenho mobile do Lighthouse variam de 95 a 100. A mediana é 98. Quando você envia zero JS, é difícil marcar mal. LCP sob 1.2s é a norma, não a exceção.

Trajetória de custo de hospedagem. Sites Astro estáticos no Cloudflare Pages custam $0 em 1M visitantes mensais. Camada gratuita. A camada gratuita do Netlify trata da maioria dos sites de conteúdo. A hospedagem estática do Vercel também é efetivamente gratuita nessa escala. Se você está usando Server Islands ou modo SSR, os custos sobem um pouco: $5-30/mês em 1M visitantes no Cloudflare, $30-80/mês no Vercel. Este é o framework mais barato para hospedar por uma margem significativa.

Complexidade do build. Um desenvolvedor júnior com habilidades básicas de HTML/CSS/JS pode enviar um site Astro de produção em 1-2 semanas. Sério. A curva de aprendizado é a mais suave desta lista. Se você precisar de interatividade, você traz qualquer biblioteca de UI que seu time conhece, então o teto é tão alto quanto a habilidade do seu time.

Mercado de contratação. Experiência específica de Astro é mais rara que React, mas você não precisa dela. Qualquer desenvolvedor frontend pode aprender a sintaxe de template do Astro em um dia. O modelo de islands significa que você contrata para sua biblioteca de componentes de escolha (React, Vue, Svelte) e ensina a camada Astro. Taxas de dev sênior dos EUA: $130K-190K/ano ou $90-150/hora.

Quando você deve escolhê-lo. Sites de marketing, blogs, documentação, publishers com conteúdo pesado, SEO programático em escala (construímos sites Astro com 50.000+ páginas que buildam em menos de 3 minutos), sites de agência onde o desempenho é um ponto de venda.

Quando você não deve. Apps SaaS altamente interativos, dashboards em tempo real, qualquer coisa onde a maioria das páginas requer autenticação e dados dinâmicos. Astro pode fazer SSR, mas não foi projetado para interatividade do tipo app, e você vai lutar contra isso. Para projetos de conteúdo, confira nossas capacidades de desenvolvimento Astro.

Complexidade de migração do WordPress: 2/5. Migração mais fácil para sites de conteúdo. Exporte conteúdo WordPress para Markdown ou conecte um CMS headless, mapeie templates para layouts Astro, configure redirecionamentos. Um site de marketing de 50 páginas migra em 2-4 semanas.

SvelteKit

O que é. SvelteKit é o meta-framework oficial para Svelte. Svelte compila seus componentes para JavaScript vanilla no tempo de build, o que significa nenhuma difusão de DOM virtual em tempo de execução e bundles dramaticamente menores. Svelte 5 introduziu "runes," que substituem as antigas declarações reativas $: por primitivas explícitas $state(), $derived() e $effect(). Isso foi controverso, mas na prática, runes tornam grandes codebases mais previsíveis e mais fáceis de debugar.

O que envia em 2026. Svelte 5 runes são estáveis. O sistema de adaptadores do SvelteKit suporta Vercel, Netlify, Cloudflare, Node e saída estática. A renderização do lado do servidor é um cidadão de primeira classe. Form actions lidam com mutações sem gerenciamento de estado do lado do cliente. O novo $effect.tracking() e sistema de reatividade de granularidade fina significa menos re-renders acidentais do que qualquer framework baseado em React.

Scores reais do Lighthouse. Scores de desempenho mobile do Lighthouse de sites SvelteKit de produção variam de 90 a 98, mediana 94. Os bundles são tipicamente 30-60% menores que apps Next.js equivalentes porque não há runtime React. Um app SvelteKit com alguns componentes interativos frequentemente envia 25-40KB de JS total onde um equivalente Next.js envia 85-120KB.

Trajetória de custo de hospedagem. Similar a Next.js em modo SSR. Vercel: $40-120/mês em 100K visitantes, $180-500/mês em 1M. Cloudflare Pages: $0-40/mês em 1M. Os menores tamanhos de bundle significam custos de largura de banda menores em hosts com medição de largura de banda, economizando 10-20% versus Next.js em largura de banda metrificada.

Complexidade do build. Se seu time sabe Svelte, 2-4 semanas para enviar. Se seu time está aprendendo Svelte do React, adicione 2-3 semanas para a mudança de modelo mental. Svelte 5 runes na verdade tornam a transição do React mais fácil do que o Svelte antigo, porque $state() é conceitualmente mais próximo de useState() do que a antiga reatividade implícita.

Mercado de contratação. Esta é a maior fraqueza do SvelteKit. O pool de talentos Svelte é talvez 10-15% do tamanho do pool React. Taxas dos EUA sênior: $140K-200K/ano ou $100-160/hora. Você frequentemente contratará desenvolvedores React que querem aprender Svelte, o que funciona, mas planeje para tempo de ramp-up.

Quando você deve escolhê-lo. Apps críticos em desempenho onde o tamanho do bundle importa (produtos mobile-first, mercados emergentes com conexões lentas), times que já estão no ecossistema Svelte, projetos onde você pode investir em treinamento de desenvolvedor.

Quando você não deve. Projetos enterprise onde você precisa preencher desenvolvedores rapidamente. Times grandes onde experiência em React é o filtro de contratação. Projetos que se baseiam fortemente em bibliotecas específicas do React (headless UI, Radix, etc.).

Complexidade de migração do WordPress: 3/5. Similar a Next.js, mas menos integrações CMS prontas para usar. Você provavelmente emparelhará com um CMS headless que possui uma API REST ou GraphQL.

Nuxt 3

O que é. Nuxt 3 é para Vue 3 o que Next.js é para React. É o meta-framework completo com roteamento baseado em arquivo, renderização no servidor, geração estática e um ecossistema de módulos rico. Se seu time escreve Vue, Nuxt é seu meta-framework. Não há alternativa real no ecossistema Vue.

O que envia em 2026. Nuxt 3 roda em Nitro (um engine de servidor que deploya em qualquer lugar) e usa Vite para builds. A Composition API é o padrão. O Nuxt DevTools é excelente. Rotas de servidor e rotas de API são construídas. O ecossistema de módulos (Nuxt Content, Nuxt Image, Nuxt SEO) cobre a maioria das necessidades comuns sem pacotes de terceiros.

Scores reais do Lighthouse. Mobile Lighthouse de produção: 85-95, mediana 90. Comparável a Next.js. O runtime do Vue é ligeiramente menor que o do React, então tamanhos de bundle tendem 10-15% mais baixos na linha de base.

Trajetória de custo de hospedagem. Quase idêntico a Next.js. Vercel suporta Nuxt nativamente. Netlify e Cloudflare Pages funcionam bem. $150-500/mês em 1M visitantes mensais dependendo da estratégia de renderização.

Complexidade do build. Desenvolvedores Vue enviam em 2-4 semanas. Desenvolvedores React aprendendo Vue precisam de 3-5 semanas. A Composition API é mais próxima de React Hooks do que a antiga Options API, então a transição é gerenciável.

Mercado de contratação. Vue é forte na Europa (especialmente França, Holanda, Alemanha) e através da Ásia. Nos EUA, o pool de talentos Vue é aproximadamente 25-30% do tamanho do pool React. Taxas dos EUA sênior: $130K-190K/ano. Se seu time ou mercado se inclina para Vue, Nuxt é a escolha óbvia. Se você está começando do zero nos EUA, o pool de contratação React/Next.js é significativamente mais profundo.

Quando você deve escolhê-lo. Seu time já escreve Vue. Você está baseado em uma região onde o talento Vue é abundante. Você prefere a sintaxe de template do Vue e Composition API sobre JSX.

Quando você não deve. Você está staffing um time baseado nos EUA a partir do zero. Você precisa do absoluto maior ecossistema de componentes de terceiros e integrações (React vence aqui em volume).

Complexidade de migração do WordPress: 3/5. Mesmo que Next.js. CMS headless + frontend Nuxt + mapeamento de redirecionamento.

Remix (React Router 7)

O que é. Remix foi mesclado no React Router em finais de 2024. React Router 7 com "framework mode" é o que costumávamos chamar Remix. A filosofia é fundamentos web: formulários HTML, cache HTTP, progressive enhancement e loaders/actions que rodam no servidor. É opinativo sobre usar a plataforma em vez de reinventá-la.

O que envia em 2026. React Router 7 envia com suporte React 19, Server Components (parcial, opt-in), carregamento de dados baseado em RSC, Vite como o bundler e suporte de primeira classe para Cloudflare Workers. O padrão loader/action permanece o modelo mental central para dados. O framework é mais enxuto que Next.js e oferece mais controle sobre a camada HTTP.

Scores reais do Lighthouse. Mobile Lighthouse: 88-96, mediana 92. A abordagem de progressive enhancement do Remix significa que as páginas funcionam sem JS, o que ajuda com o desempenho percebido mesmo quando números do Lighthouse são similares a Next.js.

Trajetória de custo de hospedagem. Remix roda bem em Cloudflare Workers ($5-25/mês em 1M visitantes), Fly.io ($10-60/mês) ou qualquer host Node.js. Vercel o suporta mas não é a plataforma nativa como é para Next.js. Hosts de orçamento são mais viáveis porque Remix não depende de infraestrutura específica do Vercel.

Complexidade do build. Desenvolvedores React familiarizados com padrões REST enviam em 2-4 semanas. O modelo loader/action é intuitivo se você já trabalhou com apps renderizados no servidor antes. Desenvolvedores vindos de apenas SPA podem precisar de 1-2 semanas extras para se ajustar.

Mercado de contratação. Talento específico de Remix é nicho, mas é React por baixo, então qualquer desenvolvedor React sênior pode ramp up rapidamente. A mesclagem com React Router na verdade ajudou porque React Router é quase universal no ecossistema React.

Quando você deve escolhê-lo. Marketplaces, aplicações form-heavy com múltiplas etapas, produtos onde a estrutura de URL importa profundamente, times que querem ficar próximos aos padrões web, projetos fazendo deploy para Cloudflare Workers.

Quando você não deve. Sites com conteúdo pesado (Astro é melhor). Projetos onde seu time espera o ecossistema Next.js de exemplos, tutoriais e respostas Stack Overflow. Ambientes enterprise onde "usamos Next.js" é uma resposta política mais segura.

Complexidade de migração do WordPress: 3/5. Similar a Next.js. A camada de dados é o mesmo desafio.

Gatsby

O que é em 2026. Gatsby é um gerador de site estático construído em React e GraphQL. Era a queridinha de 2019-2021. Netlify o adquiriu, depois o abandonou efetivamente. O último lançamento significativo foi meados de 2024. O ecossistema de plugins está decadente. Mantenedores principais se foram. Tempos de build para sites grandes (10K+ páginas) ainda são dolorosamente lentos comparados a Astro ou Next.js com ISR.

Scores reais do Lighthouse. Mobile Lighthouse: 75-90, mediana 82. Gatsby envia muito JS por padrão, e a camada de dados GraphQL adiciona overhead que frameworks mais novos evitam inteiramente.

Trajetória de custo de hospedagem. Gatsby Cloud foi encerrado. Você está hospedando em Netlify, Vercel ou S3 + CloudFront. Custos são comparáveis a Next.js estático: $50-200/mês em 1M visitantes.

Quando você deve escolhê-lo. Você não deve. A única razão para tocar Gatsby em 2026 é se você herdou um site Gatsby e precisa mantê-lo enquanto planeja uma migração.

Quando você não deve. Qualquer novo projeto. Ponto final.

Complexidade de migração do WordPress: N/A. Migre para longe do Gatsby, não em direção a ele. Se você está em Gatsby e considerando seu próximo movimento, o caminho é tipicamente Gatsby para Astro para sites de conteúdo ou Gatsby para Next.js para sites do tipo app.

Tabelas de Comparação

Matriz de Desempenho & Experiência do Desenvolvedor

Framework Lighthouse Mobile Médio LCP Médio (s) INP Médio (ms) Tamanho do Bundle (KB) Cold Start (ms) Tempo de Build (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

Custo de Hospedagem em 1M Visitantes Mensais (USD/mês)

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 com adaptador OpenNext; alguns recursos específicos do Vercel indisponíveis.

Ajuste de Caso de Uso

Caso de Uso Next.js 16 Astro 5 SvelteKit Nuxt 3 Remix Gatsby
Site de marketing Bom Melhor Bom Bom Bom Evite
Blog / hub de conteúdo Bom Melhor Bom Bom Bom Evite
E-commerce Melhor Evite Bom Bom Bom Evite
Aplicação SaaS Melhor Evite Bom Bom Bom Evite
Plataforma multi-tenant Melhor Evite Bom Bom Melhor Evite
SEO Programático (50K+ páginas) Bom Melhor Bom Bom Bom Evite

A Árvore de Decisão

Execute isto em 60 segundos. Vá de cima para baixo, pegue a primeira correspondência.

  1. Se seu time é de engenheiros React construindo um app SaaS ou produto autenticado → Next.js 16 com App Router.
  2. Se você está construindo um site de conteúdo, site de marketing, blog ou documentação → Astro 5. Sem competição em desempenho ou custo de hospedagem.
  3. Se você quer os menores bundles e seu time está confortável aprendendo Svelte 5 runes → SvelteKit.
  4. Se seu team já escreve Vue, ou você está contratando em um mercado com Vue forte → Nuxt 3.
  5. Se você está construindo um marketplace, produto form-heavy ou fazendo deploy em Cloudflare Workers → Remix / React Router 7.
  6. Se você está atualmente em Gatsby → Pare de investir. Planeje uma migração para Astro (conteúdo) ou Next.js (app).
  7. Se você está em WordPress passando 100K visitantes mensais e desempenho/segurança é uma preocupação → Migre para Next.js + CMS headless ou Astro + CMS headless.
  8. Se você é um líder de marketing não-técnico lendo isto → Contrate um time que se especializa em arquitetura headless. A escolha do framework importa menos que a experiência do time com ele. Comece com nossa página de desenvolvimento de CMS headless para contexto.

Recomendações Reais de Stack de Produção

Tenho enviado mais de 5.000 sites através de agências, startups e clientes enterprise desde 2014. Aqui estão três stacks em que estou apostando em 2026, com faixas de custo reais de deployments de produção.

Stack A: Site de Conteúdo / Marketing

Astro 5 + Sanity + Vercel (ou Cloudflare Pages) + Resend para email transacional

Este é nosso padrão para sites de marketing, builds de agência e publishers de conteúdo. Sanity oferece uma experiência de edição colaborativa em tempo real. Astro renderiza tudo para HTML estático. Vercel ou Cloudflare o serve na edge.

  • Custo mensal em 1M MV: $30-180/mês (camada gratuita do Sanity cobre a maioria dos sites de marketing; Vercel estático é quase gratuito; Resend é $20/mês para email transacional)
  • Tempo de build: 2-4 semanas para um site de marketing de 30 páginas
  • Tamanho do time: 1 desenvolvedor sênior + 1 designer
  • Desempenho: Lighthouse 96-100 em cada página

Este stack é o que recomendamos mais frequentemente para times vindo de WordPress. A experiência editorial em Sanity é genuinamente melhor que wp-admin para conteúdo estruturado, e o desempenho frontend está em outra liga. Se esta soa como sua situação, fale conosco sobre desenvolvimento Astro.

Stack B: Aplicação SaaS

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

Este é a versão 2026 do stack "indie SaaS", mas escala para $10M+ ARR. Supabase lida com auth, database (Postgres) e subscrições em tempo real. Stripe lida com pagamentos. PostHog lida com analytics e feature flags. Vercel hospeda o app Next.js.

  • Custo mensal em 100K MRR: $280-1.800/mês no total (Vercel $200-800, Supabase $25-300, Stripe 2.9% + $0.30/txn, PostHog $0-450)
  • Tempo de build: 6-12 semanas para MVP
  • Tamanho do time: 2-3 desenvolvedores
  • Desempenho: Lighthouse 85-94 dependendo da complexidade do dashboard

A chave insight: não sobre-arquitete no início. Row-level security do Supabase e Postgres fazem o trabalho de três serviços separados. Migre para infraestrutura dedicada quando você passar de $5M ARR, não antes. Construímos dezenas de produtos SaaS neste stack, documentado em nosso trabalho de desenvolvimento SaaS.

Stack C: Enterprise Multi-Locale

Next.js 16 + Sanity + Cloudflare Pages + Algolia

Sites de marketing enterprise com 30+ locales, dezenas de milhares de páginas e funcionalidade de busca precisam de uma abordagem diferente. Cloudflare Pages em vez de Vercel aqui porque a rede edge global lida melhor com latência multi-região nesta escala, e a diferença de custo é significativa: $500-2.000/mês em Cloudflare vs $2.000-5.000/mês em Vercel para 5M visitantes mensais.

  • Custo mensal em 5M MV através de 30 locales: $450-5.000/mês (Cloudflare $50-400, Sanity $99-799, Algolia $100-1.500, monitoramento/CDN/misc $200-2.300)
  • Tempo de build: 12-24 semanas
  • Tamanho do time: 3-5 desenvolvedores + 1 gerente de projeto
  • Desempenho: Lighthouse 88-95

Algolia lida com busca através de todos os locales com ranking específico do idioma. Recursos de localização do Sanity lidam com conteúdo em um documento único com campos específicos do locale. Roteamento i18n do Next.js mapeia slugs de locale para o conteúdo correto.

Realidades de Migração

Se você está se movendo para longe de WordPress, Drupal ou Sitecore em 2026, aqui está o que 90% das agências não dizem antes de você assinar o contrato.

Realidade de timeline:

  • Sites de marketing (até 100 páginas): 6-12 semanas, do início ao live
  • Sites com conteúdo pesado (500-5.000 páginas): 10-16 semanas
  • E-commerce: 12-24 semanas
  • Enterprise com integrações (CRM, ERP, DAM): 16-32 semanas

As 5 coisas que quebram no cutover:

  1. Redirecionamentos. Padrões de URL do WordPress (/category/post-name/, /page/2/) não combinam com os padrões padrão do seu novo framework. Perca um redirecionamento e seu tráfego orgânico cai 20-40% da noite para o dia. Mapeie cada URL. Use uma ferramenta de crawl (Screaming Frog, Sitebulb) para construir a lista de redirecionamento antes de escrever uma linha de código.

  2. Dados estruturados / markup de schema. Seus plugins WordPress (Yoast, RankMath) geravam JSON-LD automaticamente. Seu novo site envia nada a menos que você o construa explicitamente. Article schema, FAQ schema, breadcrumb schema, organization schema: todos precisam de implementação manual.

  3. Tags hreflang. Se você tem conteúdo multi-locale, hreflang deve estar correto no primeiro dia. Google leva semanas para recrawl, e hreflang incorreto causa o locale errado ranquear. Teste com o tag checker hreflang antes do cutover, não depois.

  4. Timing do índice de busca. Google pode levar 2-8 semanas para re-indexar completamente seu site depois de uma grande mudança de estrutura de URL, mesmo com redirecionamentos perfeitos. Planeje uma queda temporária de tráfego orgânico de 5-15%. Ele se recupera, mas seu CMO precisa saber que está chegando.

  5. URLs de imagem. WordPress armazena imagens em /wp-content/uploads/YYYY/MM/. Seu novo site usa um CDN com caminhos diferentes. Se algum site externo ou email linka para suas URLs de imagem antigas, esses são 404s a menos que você os redirecione. E imagens são frequentemente 40-60% das URLs indexadas do site.

Faixa de custo real: $25K-200K dependendo de contagem de páginas, integrações e complexidade de conteúdo. Uma migração de site de marketing de 30 páginas custa $25K-50K. Um site de conteúdo de 2.000 páginas com custom post types, WooCommerce e três locales custa $80K-200K.

Quando fazer fase vs cutover: Faça fase quando você tiver mais de 500 páginas ou integrações complexas. Execute o novo framework em um subdomínio ou subdiretório primeiro. Migre seções incrementalmente. Faça cutover quando você tiver menos de 200 páginas e possa validar tudo em um ambiente de staging em um sprint.

Para playbooks de migração detalhados, veja:

FAQ

Qual é o web framework mais moderno em 2026?

Astro 5 e Next.js 16 representam o estado da arte atual em 2026, mas servem propósitos diferentes. Astro 5 é a escolha mais moderna para sites orientados a conteúdo, enviando zero JavaScript por padrão e alcançando scores do Lighthouse de 95-100 consistentemente. Next.js 16 é a escolha mais moderna para aplicações interativas, com Server Components estáveis, Server Functions e Partial Prerendering. "Moderno" em 2026 significa renderização server-first com hidratação seletiva no cliente, não single-page applications. O modelo antigo de enviar um runtime JavaScript completo para renderizar um post de blog não é mais considerado prática moderna.

Next.js ainda é o melhor framework em 2026?

Next.js 16 ainda é o melhor meta-framework React de propósito geral em 2026, mas não é o melhor framework para cada projeto. É a escolha principal para apps SaaS, plataformas de e-commerce e produtos autenticados por causa de seu ecossistema profundo, grande pool de talentos e infraestrutura do Vercel. Porém, para sites de conteúdo, Astro 5 supera Next.js em velocidade, custo e simplicidade. Para projetos onde tamanho de bundle é crítico, SvelteKit envia significativamente menos JavaScript. Next.js é a aposta mais segura se você não tem certeza, mas "mais seguro" e "melhor" não são a mesma coisa.

Devo usar Astro ou Next.js para um site de marketing?

Use Astro 5 para um site de marketing. Astro envia zero JavaScript por padrão, resultando em scores mobile do Lighthouse de 95-100 versus o típico 89-96 do Next.js para conteúdo similar. Os custos de hospedagem são dramaticamente menores: um site Astro estático em Cloudflare Pages custa $0/mês em 1M visitantes mensais, enquanto um site Next.js em Vercel custa $180-600/mês. A complexidade do build é também menor; um desenvolvedor júnior pode enviar um site de marketing Astro em 1-2 semanas. A única razão para escolher Next.js para um site de marketing é se o mesmo codebase também precisa servir uma seção de app autenticado, e mesmo assim você poderia estar melhor servido com dois deployments separados.

SvelteKit é production-ready em 2026?

Sim, SvelteKit é completamente production-ready em 2026. Svelte 5 runes são estáveis, o ecossistema de adaptadores cobre todas as principais plataformas de hospedagem, e empresas como Apple, Spotify (ferramentas internas) e The New York Times Wirecutter usam Svelte em produção. SvelteKit envia os menores bundles de qualquer framework principal, tipicamente 30-60% menos JavaScript que aplicações Next.js equivalentes. O risco primário não é preparação técnica mas contratação: o pool de talentos Svelte é aproximadamente 10-15% do tamanho do React. Se você conseguir staffar o time, SvelteKit é uma excelente escolha.

Qual é o melhor framework React para SEO em 2026?

Next.js 16 é o melhor framework React para SEO em 2026. Ele suporta geração estática, renderização no servidor e regeneração estática incremental, tudo que produz HTML completamente renderizado que search engines podem indexar imediatamente. A Metadata API fornece controle granular sobre title tags, meta descriptions, tags Open Graph e dados estruturados JSON-LD. Partial Prerendering serve conteúdo estático instantaneamente enquanto faz streaming de seções dinâmicas, o que ajuda Core Web Vitals. Remix (React Router 7) também é forte para SEO com sua abordagem server-rendered, mas Next.js tem mais ferramentas SEO incorporadas e um ecossistema maior de exemplos focados em SEO.

Quanto custa hospedar um site Next.js em 1 milhão de visitantes mensais?

Hospedar um site Next.js em 1 milhão de visitantes mensais custa entre $20 e $600 por mês dependendo da plataforma e estratégia de renderização. No Vercel Pro, espere $180-600/mês para uma mistura de páginas estáticas e server-rendered. No Cloudflare Pages com o adaptador OpenNext, custos caem para $20-80/mês, embora alguns recursos específicos do Vercel como otimização de imagem requeiram soluções alternativas. No AWS Amplify, $150-400/mês é típico. Se você rodar uma exportação Next.js puramente estática (sem SSR), custos em qualquer plataforma caem para $0-50/mês. A maior variável de custo é a proporção de páginas server-rendered versus estática, seguida pela largura de banda de imagem.

Gatsby está morto?

Gatsby não está tecnicamente morto, mas é efetivamente abandonado a partir de 2026. Netlify adquiriu Gatsby em 2023, encerrou Gatsby Cloud e reduziu o core team para manutenção mínima. O último lançamento significativo de feature foi meados de 2024. O ecossistema de plugins está decadente, com muitos plugins populares sem manutenção e incompatíveis com versões atuais de Node.js. Tempos de build para sites grandes permanecem 3-10x mais lentos que Astro ou Next.js. Se você está em Gatsby hoje, planeje uma migração. Para sites de conteúdo, Astro 5 é o sucessor natural. Para sites tipo app, Next.js 16. Não comece um novo projeto em Gatsby.

Posso migrar do WordPress para Astro?

Sim, migrar do WordPress para Astro é um dos caminhos de migração mais diretos disponíveis em 2026. Para sites focados em conteúdo, você exporta conteúdo WordPress para arquivos Markdown ou conecta Astro a um CMS headless como Sanity, Contentful ou Payload. As Content Collections do Astro fornecem manipulação de conteúdo type-safe. Um site de marketing de 50 páginas típico migra em 2-4 semanas. Os principais desafios são os mesmos de qualquer migração WordPress: mapeamento de redirecionamento, reimplementação de dados estruturados e manipulação de URLs de imagem. O resultado é um site que marca 95-100 no Lighthouse, custa praticamente zero para hospedar e é dramaticamente mais seguro que WordPress porque não há runtime no servidor para atacar. Nós classificamos esta migração como 2 em 5 em dificuldade para sites de conteúdo. Veja nosso guia completo em alternativas de WordPress para uma comparação detalhada.