Next.js e Vercel: o que são, quanto custam e headless ou WordPress

Next.js e Vercel quase sempre aparecem juntos, e é comum confundir um com o outro. Um é o jeito de construir o site; o outro é um dos lugares onde ele pode ficar hospedado. Este verbete separa os dois, mostra quanto cada um custa, quando esse caminho faz sentido e como ele se compara com o WordPress para o site de uma empresa.

Também chamado:
site headless, front-end em React, Jamstack
O que é:
framework (Next.js) e plataforma de hospedagem (Vercel)
Quando revisar:
a cada projeto novo de site ou de produto
Resposta rápida
Next.js é um framework de código aberto, baseado em React, para construir sites e aplicações web. Vercel é a plataforma de hospedagem da empresa que criou o Next.js, mas não a única: o Next.js roda em qualquer servidor Node.js ou contêiner Docker, com todos os recursos. O caminho faz sentido para produto com lógica própria e time de desenvolvimento dedicado. Para site de empresa que o marketing edita toda semana, o WordPress com IA costuma sair mais barato de manter.

O que é o Next.js

Next.js é um framework para construir o front-end, a parte do site que o visitante vê, usando React. Ele permite renderizar a página no servidor, gerar páginas estáticas ou combinar os dois, o que ajuda velocidade e SEO quando é bem configurado. Ver CSR, SSR e ISR.

Ele não é um CMS. Para o marketing editar texto, o Next.js precisa de um CMS ligado a ele, como o Payload ou outro headless. Pela W3Techs, o Next.js está em 3,4% de todos os sites em setembro de 2026[1].

O que é a Vercel

A Vercel é uma plataforma de hospedagem feita para front-end, da empresa que criou o Next.js. O plano gratuito é para uso pessoal, não comercial. O Pro custa US$ 20 por mês, mais US$ 20 por mês para cada desenvolvedor com permissão de publicar[2].

A Vercel não é obrigatória. A documentação do Next.js lista quatro formas de publicar: servidor Node.js, contêiner Docker, exportação estática e adaptadores para outras plataformas. As duas primeiras suportam todos os recursos; a exportação estática, só parte deles[3].

Quanto custa esse caminho

  • O software é gratuito. Next.js é código aberto.
  • O front-end é todo sob medida. Não há tema pronto no sentido do WordPress: cada página e componente é desenvolvido.
  • O CMS é à parte. Se o marketing precisa editar, entra um CMS headless, com o seu próprio custo de configuração e manutenção.
  • A hospedagem cobra por uso e por pessoa. Na Vercel, o Pro soma a base e cada desenvolvedor que publica[2]. Em servidor próprio, o custo vira infraestrutura e quem a mantém.
  • Cada mudança de layout passa por desenvolvedor. É o custo que mais pesa no dia a dia de um site de empresa.

Headless ou WordPress

Next.js (headless)WordPress com IA
O que éFramework de front-end; CMS à parteCMS com tema, editor e front-end juntos
Quem editaMarketing no CMS headless; layout com desenvolvedorMarketing no editor visual; time no código; IA com revisão
HospedagemVercel, servidor Node.js, DockerQualquer hospedagem PHP
VelocidadeExcelente quando bem feitoExcelente quando bem feito
Busca e IADepende de renderizar no servidor e de dados estruturadosO mesmo, e o WordPress entrega os dois
Onde brilhaAplicação, área logada, produto com lógica própriaSite de empresa, blog e conversão

Velocidade e SEO não são exclusividade de nenhum dos dois. O que decide é quem vai editar o site depois do lançamento e quanto custa cada mudança. Ver WordPress com IA.

Antes de escolher o framework, responda quatro perguntas. Elas decidem mais do que qualquer comparação de recursos.

Onde as respostas moram

Rotina do marketing Quantas páginas novas por mês e quem publica.
Mapa do site Se há aplicação, área logada ou regra de negócio.
Time técnico Se há desenvolvedor React e Next.js dedicado depois do lançamento.
Orçamento mensal Hospedagem, CMS, manutenção e o preço de cada mudança.

Quem precisa entrar

Marketing Diz o que precisa editar sem ajuda.
Tecnologia Diz se há time para manter o front-end sob medida.
Financeiro Compara o custo mensal dos caminhos.
  1. 1 Escreva quem edita o site e com que frequência.
  2. 2 Liste o que o site faz além de conteúdo.
  3. 3 Confirme o time que mantém o front-end depois de lançar.
  4. 4 Some o custo mensal de cada caminho, incluindo o CMS e a hospedagem.
  5. 5 Se for migrar, planeje os redirecionamentos antes. Ver migração de site.

Os erros que mais vemos

  • Achar que Next.js é um CMS. Sem um CMS ligado, o marketing não edita nada sozinho.
  • Usar o plano gratuito da Vercel para o site da empresa. Ele é para uso pessoal, não comercial.
  • Escolher pela velocidade. WordPress bem feito também é rápido; o que costuma atrasar um site é plugin demais e imagem pesada.
  • Esquecer quem mantém depois. O projeto termina, o site fica, e cada ajuste passa a depender de quem sabe o código.

FAQ

Perguntas frequentes sobre Next.js e Vercel

As dúvidas de quem está avaliando esse caminho para o site da empresa.

Não por si só. Os dois podem entregar página renderizada no servidor, dados estruturados e velocidade boa. O resultado depende de como o site é feito e do conteúdo.

Não. A documentação do Next.js mostra que ele roda em qualquer servidor Node.js ou contêiner Docker com todos os recursos. A Vercel é a opção da empresa que criou o framework.

O plano gratuito é só para uso pessoal. O Pro custa US$ 20 por mês, mais US$ 20 por mês por desenvolvedor com permissão de publicar, além do uso.

Consegue, se houver um CMS headless ligado ao site. Texto e imagem ficam no painel; mudança de layout e página nova com estrutura diferente passam por desenvolvedor.

Como a Incuca faz

Sabemos construir em Next.js e usamos quando o projeto é um produto com lógica própria. Para o site de empresa, nossa escolha é o WordPress com IA: editor visual para o marketing, código versionado para o time técnico e o Claude com revisão humana para acelerar o trabalho, sem prender a empresa a um desenvolvedor para cada página.

Conhecer o desenvolvimento de sites

Referências

  1. [1] W3Techs. Usage statistics of Next.js, setembro de 2026. https://w3techs.com/technologies/details/js-nextjs
  2. [2] Vercel. Pricing (consultado em setembro de 2026). https://vercel.com/pricing
  3. [3] Next.js. Deploying (documentação oficial, versão 16). https://nextjs.org/docs/app/getting-started/deploying
Lucas Adiers Stefanello

Sobre o autor

Lucas Adiers Stefanello

Fundador e CEO da Incuca, onde junta dados de marketing, vendas e receita para mostrar onde a empresa perde venda. Trabalha com tecnologia para negócios desde 2013 e coordena a Comunidade Incuca.