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.
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 à parte | CMS com tema, editor e front-end juntos |
| Quem edita | Marketing no CMS headless; layout com desenvolvedor | Marketing no editor visual; time no código; IA com revisão |
| Hospedagem | Vercel, servidor Node.js, Docker | Qualquer hospedagem PHP |
| Velocidade | Excelente quando bem feito | Excelente quando bem feito |
| Busca e IA | Depende de renderizar no servidor e de dados estruturados | O mesmo, e o WordPress entrega os dois |
| Onde brilha | Aplicação, área logada, produto com lógica própria | Site 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.
Onde as respostas moram
Quem precisa entrar
- 1 Escreva quem edita o site e com que frequência.
- 2 Liste o que o site faz além de conteúdo.
- 3 Confirme o time que mantém o front-end depois de lançar.
- 4 Some o custo mensal de cada caminho, incluindo o CMS e a hospedagem.
- 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.
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.
Referências
- [1] W3Techs. Usage statistics of Next.js, setembro de 2026. https://w3techs.com/technologies/details/js-nextjs
- [2] Vercel. Pricing (consultado em setembro de 2026). https://vercel.com/pricing
- [3] Next.js. Deploying (documentação oficial, versão 16). https://nextjs.org/docs/app/getting-started/deploying