A maioria dos guias de comparação para 'Next.js vs Remix vs Astro' leem como um folheto de vendedor sem dados de produção por trás deles. O artigo da bejamas, atualmente entre os principais resultados para a query, tem 1.300 palavras de maio de 2025, zero exemplos de código, zero benchmarks reais, sem guia de migração e sem fatos específicos da versão 2026. O cenário de frameworks evoluiu bastante em doze meses. Este é o post escrito do outro lado desse movimento, com os números de produção para respaldar as recomendações.
Resumo principal: Next.js vence em aplicações, Astro vence em sites com muito conteúdo, e as ideias do Remix agora vivem principalmente dentro do React Router; escolha pelo que você está construindo, não pela moda.
Especificamente: executo um site Astro de 91.000 páginas (HostList.io) em produção, entrego builds Next.js para clientes da Seahawk Media incluindo a ferramenta recém-lançada WordPress Stack Advisor, e avaliei Remix em três projetos de clientes desde o merge do React Router 7 chegar. As versões de framework cobertas aqui estão ancoradas em onde elas realmente estão em 2026, Next.js 16 com o App Router estável, unificação do Remix com React Router 7, Astro 5 com Server Islands e Content Layer. A âncora de versão importa porque todo post de comparação superficial que você leu está raciocinando a partir das versões de 2024.
A tese: escolha pela forma do conteúdo, não pelo framework
Três frameworks, três casos de uso otimais diferentes, quase zero sobreposição quando você olha de verdade para o briefing em vez da especificação.
- Astro é a escolha certa quando o conteúdo é o protagonista. Sites de marketing, documentação, SEO programático em escala, sites com muito conteúdo e interatividade leve. O diretório HostList em 91 mil páginas é a versão de máxima força desse caso.
- Next.js é a escolha certa quando a aplicação é o protagonista. Dashboards autenticados, ecommerce, recursos em tempo real, produtos orientados por IA, qualquer coisa onde a página é principalmente um hospedeiro para comportamento dinâmico. O WordPress Stack Advisor é uma versão em pequena escala desse caso, uma chamada para Claude API envolvida em uma Server Action do Next.js.
- Remix é a escolha certa quando a camada de dados é a protagonista. Apps empresariais com muitos formulários, ferramentas administrativas, qualquer coisa onde aprimoramento progressivo e tratamento Web Standards apropriado importam mais do que a superfície de marketing. Após a fusão com React Router 7, Remix é estruturalmente uma alternativa ao Next.js para esse caso de uso específico em vez de um concorrente de forma geral.
Astro 5 em 2026: o que realmente funciona bem, com números de produção
Astro 5 (lançado no final de 2024, atual a partir de meados de 2026) é o framework que a maioria das pessoas julga errado porque olha para a ficha técnica em vez de executá-lo em escala. O que importa não é a sintaxe ou o modelo de componentes, é a arquitetura de renderização: Astro renderiza zero JavaScript por padrão, depois 'ilhas' de interatividade fazem hidratação por componente. Para sites com muito conteúdo, este é o único framework onde o pacote JavaScript realmente representa o que a página realmente precisa.
HostList: 91.000 páginas no Astro, números reais
HostList.io roda no Astro 5 com Supabase e Vercel. A partir de meados de 2026 o site tem 91.000 páginas publicadas entre provedores de hospedagem, categorias de hospedagem, diretórios por país e guias educacionais. Performance em produção: Lighthouse mobile mediano 92, LCP abaixo de 1,2 segundos no percentil 75, tempo de build em torno de 18 minutos para um rebuild completo. O mesmo site no Next.js com geração estática comparável seria um build de 45-60 minutos no mínimo e teria aproximadamente 5-8x mais JavaScript por rota.
Ganhos específicos do Astro 5 em 2026
- Server Islands, renderizam partes de uma página estática no servidor no momento da requisição sem deixar a página inteira dinâmica. Matou a falsa dicotomia 'estático ou dinâmico' para sites de conteúdo.
- Content Layer API, substituiu Content Collections. Puxe conteúdo do Supabase, Markdown, MDX, headless CMS, ou qualquer loader customizado; com segurança de tipo na etapa de build.
- View Transitions API, transições de página apropriadas através de navegações sem overhead de roteamento no lado do cliente.
- Pipeline de otimização de imagens, integrado com sharp, sem plugin bolado necessário. Crítico para sites com muito conteúdo.
Onde o Astro falha
- Dashboards autenticados. Astro Server Islands conseguem fazer renderização ciente de autenticação, mas os padrões são menos maduros que Next.js Server Components com auth.
- Funcionalidades em tempo real. Possível com Astro + Supabase Realtime, mas Next.js torna isso mais fácil.
- Workflows de formulários complexos com progressive enhancement. Remix é propositalmente construído para isso. Astro não é.
- Grandes times de React puro. Astro permite misturar React, Vue, Svelte, Solid, mas a maioria dos times trata essa flexibilidade como overhead.
Next.js 16 em 2026: a escolha certa quando lógica de aplicação é o briefing
Next.js 16 (lançado no final de 2025, atual a partir de meados de 2026) consolidou o App Router como o padrão único recomendado, descontinuou o Pages Router para novos projetos, e tornou Server Actions a primitiva padrão de tratamento de formulários. O framework é mais opinativo do que era em 2024, o que é o movimento certo, tendo dois roteadores e quatro padrões de busca de dados estava matando times em produção.
Exemplo de produção do Stack Advisor
O WordPress Stack Advisor é uma aplicação Next.js 16 em funcionamento: Server Action recebe uma URL, busca o site de destino, executa detecção de CMS através de 30 fingerprints de plugins, chama Claude Sonnet 4.5 com system prompt em cache de prompt, retorna uma recomendação de stack personalizada. A ferramenta inteira tem aproximadamente 530 linhas de TypeScript, faz deploy em Vercel como uma single Edge Function, e roda a $0.02 por análise com prompt caching ativado. Esta é a forma de briefing que Next.js torna fácil: alguns roteadores dinâmicos, uma Server Action que faz trabalho real, uma chamada de API externa.
As vitórias específicas do Next.js 16 em 2026
- App Router estável e o padrão recomendado. Server Components são o modelo de renderização padrão. Client Components são opt-in explícito.
- Server Actions para manipulação de formulários. Sem boilerplate de rotas de API para a maioria do trabalho CRUD.
- Revalidação sob demanda via revalidatePath / revalidateTag. ISR funciona sem as ressalvas do Next.js 13.
- Turbopack agora padrão em dev. Cold starts em builds de produção ainda são mais lentos que Astro, mas o dev loop finalmente é rápido.
- Vercel HIPAA BAA por $350/mês no Pro desde setembro de 2025. Esta é a mudança que abriu Next.js para saúde sem o contrato Enterprise de $45K/ano, o tipo de desbloqueio que muda quais projetos entram em produção em Next.js.
Onde Next.js falha
- Sites de conteúdo com 50.000+ páginas. Tempos de build ficam punitivios. A razão página-para-rota fica feia.
- Sites de marketing com saída estática. Possível, mas você distribui 5-8x mais JavaScript do que Astro para o mesmo resultado.
- Apps admin pesados em formulários com requisitos sérios de progressive enhancement. Server Actions são boas, mas o modelo loader/action do Remix foi feito para isso.
- Implantações apenas auto-hospedadas. Possível (Docker, Cloudflare Workers, AWS), mas o atrito é real. Astro e Remix auto-hospedam de forma mais limpa.
Remix em 2026: a fusão com React Router 7 e o que isso significa
No final de 2024, o time Remix anunciou que o Remix seria integrado ao React Router 7, sendo o Remix v3 o último lançamento standalone do Remix. A partir de meados de 2026, o time está lançando sob a marca React Router 7 com o modelo loader/action de estilo Remix intacto. Para os propósitos desta comparação, 'Remix' significa 'modo framework React Router 7', o framework anteriormente conhecido como Remix, agora operando sob um nome diferente com a mesma arquitetura.
O que Remix / React Router 7 ainda faz melhor
- Tratamento de formulários com progressive enhancement apropriado. O modelo loader/action é a implementação mais limpa em qualquer framework React.
- Alinhamento com Web Standards. Remix usa objetos Request e Response nativos em vez de abstrações customizadas.
- Roteamento aninhado com co-localização de dados. Cada rota manipula seus próprios dados, e as rotas se aninham de forma limpa. Excelente para apps de admin com muitas sub-telas.
- Implantações auto-hospedadas. Funciona em qualquer runtime Node.js, Cloudflare Workers, Bun ou Deno sem ressalvas maiores.
Onde Remix é estruturalmente mais fraco que Next.js em 2026
- Ecossistema menor. Plugins, plataformas de deployment e exemplos da comunidade tendem para Next.js por um fator de 5-10x.
- Vercel BAA não cobre Remix especificamente. Se você quer HIPAA em Remix, você faz self-host em AWS com seu BAA, o que é mais trabalho.
- Suporte a AI / Edge runtime é mais manual. Next.js Edge Functions são primeira classe; Remix depende do runtime subjacente.
- Padrões de SEO para marketing-site são menos documentados. O framework otimiza para comportamento tipo app, não sites com muito conteúdo.
A tabela de comparação real, ancorada às versões de 2026
A tabela de comparação do Bejamas tem 11 linhas. A deles é boa para varredura de alto nível. Esta é a versão com números em nível de produção e fatos específicos de 2026.
Arquitetura
- Astro 5: islands architecture. Zero-JS por padrão, hidrata componentes sob demanda. Suporte multi-framework (React, Vue, Svelte, Solid).
- Next.js 16: React Server Components por padrão. App Router com Server Actions. Single-framework (React apenas).
- Remix / RR7: Fluxo de dados loader-action em Web Standards. React renderizado no servidor com progressive enhancement. Single-framework (React apenas).
Bundle JavaScript padrão para uma homepage de marketing
- Astro 5: ~5-15KB sem client islands; até ~80KB com React islands. Frequentemente genuinamente zero.
- Next.js 16: ~120-180KB em uma página vanilla do App Router. Server Components reduzem isso comparado ao Pages Router, mas o framework client ainda é enviado.
- Remix / RR7: ~140-200KB em uma página padrão com progressive enhancement habilitado.
Esses números são para uma homepage vazia com um heading e um parágrafo. Sites reais tendem a ser maiores. O delta Astro / Next.js típico cresce em rotas com muito conteúdo; o delta Astro / Remix é aproximadamente estável.
Tempo de build para um site estático de 5.000 páginas
- Astro 5: 4-7 minutos em um build runner do Vercel com otimização de imagens.
- Next.js 16: 12-20 minutos para o mesmo conteúdo com App Router e ISR. Saída estática apenas reduziria essa lacuna, mas Next.js não foi projetado para isso.
- Remix / RR7: 8-15 minutos. Melhor que Next.js para estático, pior que Astro.
Suporte a HIPAA / indústrias reguladas
- Astro no Vercel: add-on Pro BAA a $350/mês cobre hospedagem do Vercel; Astro em si não tem uma história HIPAA específica (é uma ferramenta de build, não um runtime).
- Next.js no Vercel: mesmo Pro BAA $350/mês cobre Next.js Server Components, Server Actions, ISR. A história mais madura do Next.js para healthcare.
- Remix / RR7 no Vercel: o mesmo BAA do Vercel Pro se aplica, mas Remix no Vercel é menos comum em healthcare. Self-host em infraestrutura HIPAA-elegível da AWS é o caminho mais típico.
Plataformas de deployment
- Astro: Vercel, Netlify, Cloudflare Pages, GitHub Pages, Node customizado, Deno, Bun. Genuinamente agnóstico em relação à plataforma.
- Next.js: Vercel é a escolha óbvia; Cloudflare Workers (com adapter), AWS (customizado), Netlify (com adapter). Self-hosting funciona mas é menos polido.
- Remix / RR7: Vercel, Cloudflare Workers, Netlify, Fly.io, Railway, Node customizado, Bun, Deno. Genuinamente agnóstico em relação ao runtime por design.
Ecossistema e contratação
- Next.js: o maior por 5-10x. A maioria dos desenvolvedores React usa Next.js por padrão para novos projetos.
- Astro: em crescimento, mas o pool de talentos é menor. A maioria dos desenvolvedores Astro aprende na prática em vez de chegar com experiência.
- Remix / RR7: ainda menor. Comunidade especializada mas de alta qualidade.
Árvore de decisão: qual para qual briefing
Seu site é principalmente conteúdo com interatividade leve?
Astro 5. Se o site é páginas de marketing, documentação, blog, SEO programático em qualquer escala, ou qualquer formato 'majoritariamente estático, ocasionalmente dinâmico', Astro é a escolha certa. O recurso Server Islands no Astro 5 cobre especificamente casos onde páginas estáticas precisam de um pequeno widget dinâmico, sem escalar todo o site para renderização dinâmica.
Seu site é principalmente uma aplicação autenticada?
Next.js 16. Dashboards, apps SaaS, checkouts de ecommerce, recursos em tempo real, produtos de IA, qualquer coisa onde a página é um host para lógica de aplicação. O modelo Server Components mais Server Actions é o mais ergonômico, tem o maior ecossistema, e no Vercel é o mais fácil de fazer deploy. Se você também precisa de HIPAA, o Vercel Pro BAA a $350/mês é o desbloqueio.
Seu app é pesado em formulários com requisitos sérios de progressive-enhancement?
Remix / React Router 7. Ferramentas administrativas, apps CRUD internos, workflows de entrada de dados, qualquer coisa onde o tratamento de formulários é o produto. O modelo loader/action em Web Standards é genuinamente mais limpo que Next.js Server Actions para essas formas específicas. O trade-off é o ecossistema menor.
O site é híbrido, conteúdo com uma pequena área autenticada?
Astro para o site público, Next.js como uma app separada em /app ou app.seudominio.com para a área autenticada. Dois frameworks, dois targets de deployment, ambos chamando o mesmo backend Supabase. É assim que a arquitetura do WordPress Stack Advisor pareceria em escala: Astro para o site de marketing, Next.js para a ferramenta em si. A separação escala melhor do que tentar fazer um framework fazer as duas pontas do briefing.
O briefing é 'já temos Next.js, deveríamos mudar?'
Principalmente: fique no Next.js. O custo da migração raramente se paga, a menos que o problema específico seja tempo de build em um site de conteúdo que ultrapassou 30.000 páginas. Para briefs com formato de aplicação, o App Router do Next.js 16 é suficientemente bom que mudar para Remix ou Astro por ganhos marginais raramente vale a pena pelo ecossistema perdido.
Caminhos de migração entre os três
Next.js para Astro (para sites pesados em conteúdo que sofrem com tempo de build)
Realista 4 a 8 semanas para um site com 5.000 páginas. O schema migra limpo se você estiver usando um headless CMS; os componentes React na maioria das vezes são portados com ajustes menores porque Astro aceita componentes React como islands. As partes difíceis são os padrões de roteamento (baseado em arquivo mas com convenções ligeiramente diferentes) e o modelo de busca de dados (Astro busca no build, não na requisição).
Astro para Next.js (para sites de conteúdo que adquiriram requisitos de aplicação)
Mais difícil que o inverso. O modelo de island do Astro não mapeia de forma limpa para o modelo de componentes do Next.js. A maioria das migrações termina reconstruindo a camada de roteamento do zero no Next.js enquanto mantém os componentes em grande parte intactos. Realista 6 a 10 semanas para um site de tamanho similar.
Remix / RR7 para Next.js (migração Remix mais comum em 2026)
Mais limpo do que esperado porque ambos os frameworks agora têm formato React-Server-Components. O modelo loader/action mapeia razoavelmente bem para padrões do App Router. As partes difíceis são a convenção de roteamento (estrutura de pasta aninhada do Remix versus diretório app do Next.js) e o alvo de deployment. 4 a 8 semanas para um app de tamanho típico.
Economia de custos para um projeto típico (TCO de 12 meses)
Ancorado em preços de 2026 para um site hipotético de conteúdo com 5.000 páginas, uma pequena área autenticada, 100K visitantes mensais, equipe de 5 editores.
- Astro on Vercel: plano Pro $20/assento × 5 = $100/mês. CDN de imagens incluído. Minutos de build dentro do tier Pro. Anual: ~$1.200 camada de plataforma.
- Next.js on Vercel: mesmo plano Pro, mas minutos de build normalmente são maiores e otimização de imagens consome mais banda. Anual: ~$1.500-2.000 camada de plataforma na mesma escala.
- Remix / RR7 on Cloudflare Workers: Workers Paid $5/mês mais banda. Anual: ~$200-500 camada de plataforma (a mais barata das três nessa escala).
- Mais banco de dados: Supabase Pro $25/mês (~$300/ano) em cima de qualquer um desses.
Em escala menor (menos de 1.000 páginas, menos de 10K visitantes mensais), todos os três frameworks cabem confortavelmente em um orçamento de $0-50/mês nos tiers gratuitos ou Pro. A diferença de custo é real apenas em tráfego significativo e escala de conteúdo.
FAQ
Next.js é melhor que Remix em 2026?
Para a maioria dos casos de uso, sim, Next.js tem o ecossistema maior, o padrão App Router mais maduro e a história de deploy Vercel mais fácil. Remix vence especificamente para apps pesados em formulários com requisitos de progressive enhancement onde o modelo loader/action agrega valor real. A fusão Remix-para-React-Router-7 deixou a mensagem um pouco confusa, mas a arquitetura do framework é a mesma e o caso de uso é o mesmo.
Devo usar Astro para uma aplicação SaaS?
Geralmente não. Astro é otimizado para sites pesados em conteúdo, majoritariamente estáticos. Apps SaaS são aplicações com forma, dashboards autenticados, dados em tempo real, workflows complexos, e Next.js ou Remix é o ajuste melhor. A exceção: se seu SaaS tem um grande site de marketing mais um pequeno dashboard in-app, Astro para o site de marketing e Next.js para o app é uma divisão forte.
Posso usar Astro e Next.js juntos?
Sim. A arquitetura híbrida, Astro para o site de marketing público, Next.js para o app autenticado, é cada vez mais comum em 2026. Ambos podem chamar o mesmo backend Supabase ou CMS headless. A divisão escala melhor que tentar fazer um framework cobrir ambos os lados de um brief híbrido. O trade-off é a sobrecarga de dual-deployment.
Por que as builds do Astro são muito mais rápidas que o Next.js?
Astro renderiza para HTML estático por padrão sem sobrecarga do framework React. Next.js renderiza React Server Components, que são mais leves que componentes client mas ainda passam pelo pipeline de renderização do React. Para 5.000 páginas principalmente estáticas, Astro gera aproximadamente 5.000 arquivos HTML; Next.js gera 5.000 arquivos HTML mais um payload RSC por rota mais código do framework client. O primeiro é fundamentalmente menos trabalho.
A fusão de Remix para React Router 7 é um problema?
Não para projetos em andamento. Remix v3 é o lançamento final do Remix autônomo e continua tendo suporte. Novos projetos devem começar no modo framework React Router 7, que tem o mesmo modelo loader/action. A mudança é principalmente branding e empacotamento; a arquitetura é inalterada. A fusão causou alguma confusão em conteúdo de comparação de frameworks (incluindo a peça bejamas que este post refuta) mas a tomada de decisão prática é a mesma.
Qual framework é melhor para SEO?
Todos os três podem produzir output otimizado para SEO, mas a ergonomia difere. Astro é o mais fácil porque o output padrão é HTML estático com JavaScript mínimo, mecanismos de busca e crawlers de IA veem exatamente o que usuários veem, nenhum truque de renderização necessário. Next.js requer o App Router com Server Components para o mesmo resultado (que é o padrão em 2026). Remix produz HTML renderizado no servidor por padrão, mas os padrões SEO de site de marketing são menos documentados que para os outros dois.
Onde o artigo bejamas fica aquém, para registro
Para ser justo com bejamas, o post deles é competente e classifica por razões válidas, eles são uma agência Jamstack bem estabelecida com forte autoridade de domínio. O artigo é superficial em vez de errado. As lacunas específicas:
- Escrito em maio de 2025, antes do Astro 5, antes do Next.js 16, antes do anúncio da fusão do React Router 7. As versões do framework têm 12+ meses de defasagem.
- Sem exemplos de código. Toda comparação de framework sem um único arquivo é estruturalmente incompleta.
- Sem números de produção reais. O post afirma ser 'rápido' e 'escalável' sem ancorar em scores reais do Lighthouse, tempos de build ou tamanhos de bundle.
- Sem schema FAQ. Limita AEO e citação em AI Overview.
- Sem caminhos de migração. A maioria dos leitores que buscam essa query está avaliando uma mudança, não um começo do zero. O artigo não aborda isso.
- Sem comparação de custos além de 'econômico'. Para um post de decisão empresarial, essa é a lacuna mais surpreendente.
Leitura relacionada
Sanity em 2026: onde ele realmente vence, a comparação de camada CMS correspondente para um front end Next.js ou Astro.
Next.js + headless CMS em 2026: qual para qual briefing, a escolha de CMS mais ampla uma vez que você escolheu Next.js como framework.
Headless WordPress com Astro: uma configuração funcional, se sua escolha de framework envolve WordPress como back end editorial.
Migração WordPress para Next.js sem perder rankings, o manual de transporte SEO quando a escolha de framework envolve uma migração.
WordPress Stack Advisor, cole sua URL e receba uma recomendação de stack personalizada. Útil se você está ponderando Next.js vs Astro vs Remix para um site específico.
A escolha do framework raramente é o gargalo. O gargalo é a capacidade do time de entregar em qualquer framework que você escolher. Escolha pelo ajuste, treine adequadamente, entregue a versão com a qual seus times editorial e de engenharia conseguem conviver.
Agende uma chamada de 30 minutos para escolha de framework, descreva o briefing, o time, a timeline, as integrações. Saia com uma decisão Next.js / Remix / Astro que sobrevive tanto à revisão de engenharia quanto ao onboarding editorial.