Quanto custa hospedar um app Next.js

Um app Next.js exportado como site estático pode ficar online pagando só o domínio. Com servidor, você paga uma mensalidade ou a máquina, mais o excedente de tráfego e de processamento, conforme o modelo de cobrança.

Atualizado em 9 min de leitura

Objetivos de aprendizado

Depois de ler este artigo, você vai conseguir:

  • Entender como o modo de renderização do Next.js muda o custo
  • Comparar os modelos de cobrança de plataformas serverless, VPS e export estático
  • Estimar a conta mensal do seu app com tráfego e requisições
Nesta página

O Next.js é um framework, não um tipo de hospedagem. O mesmo projeto pode virar uma pasta de arquivos estáticos, um servidor Node.js sempre ligado ou um conjunto de funções que rodam a cada requisição. Cada formato tem um modelo de cobrança diferente, e é por isso que as respostas para "quanto custa" variam de zero a centenas de dólares.

Os preços de terceiros mudam com frequência, então este guia mostra como cada modelo cobra. Os números deste artigo são hipotéticos, escolhidos para facilitar a conta. Não são preços de nenhum provedor; os valores reais ficam nas páginas oficiais de preços. Confira essas páginas antes de decidir.

mesmo app: 150 GB de tráfego, 3 milhões de requisiçõesExport estáticoquase zeroServerlessVPSHospedagem deaplicaçõestaxa fixausoseu tempo (não faturado)
O formato do deploy pesa mais que o provedor: arquivos quase não custam; um servidor custa taxa fixa, uso ou o seu tempo.

O que define o custo de hospedar um app Next.js?#

Quatro fatores explicam quase toda a conta:

  1. O modo de renderização. Páginas geradas no build (estáticas) custam quase nada para servir. Páginas renderizadas a cada requisição (SSR), Server Actions, rotas de API e ISR precisam de processamento. Se a diferença ainda não está clara, veja SSR, SSG ou site estático.
  2. O tráfego. Quantos GB saem por mês. Depende do número de visitas e do peso de cada página.
  3. As requisições e o tempo de CPU. Plataformas serverless cobram por invocação, por tempo de CPU e por memória provisionada.
  4. Extras: domínio (anual), assentos de equipe, minutos de build, banco de dados e e-mail.

A documentação do Next.js lista quatro formas de publicar: servidor Node.js e container Docker (todos os recursos), export estático (recursos limitados) e adaptadores para plataformas específicas. A escolha entre elas pesa mais no custo do que o provedor.

Quanto custa publicar como site estático?#

Com output: 'export' no next.config, o next build gera uma pasta out com HTML, CSS e JavaScript. Ela pode ser servida por qualquer servidor de arquivos estáticos, e o custo cai para perto de zero:

  • GitHub Pages: sem custo, com limites de tamanho do site e de banda mensal publicados na documentação. Não é para lojas nem sites cuja finalidade principal é transação comercial.
  • Cloudflare Workers com arquivos estáticos: a cobrança separa as requisições a arquivos estáticos das que executam código; confira na página de preços como cada uma é cobrada.

A troca é abrir mão de recursos. O export estático não suporta cookies, redirects, rewrites e headers do next.config, proxy (o antigo middleware), ISR, Server Actions, rotas dinâmicas sem generateStaticParams() nem a otimização de imagens com o loader padrão. Se o seu app é um blog, uma landing page ou documentação, isso raramente faz falta. Veja o que é um site estático.

Quanto custa em plataformas serverless?#

Quando o app precisa de servidor, as plataformas que transformam rotas em funções cobram uma mensalidade com uma cota incluída e o excedente por uso. Elas seguem três modelos principais:

Modelo Exemplo Como cobra O que observar
Assento com cota Vercel Mensalidade por desenvolvedor, com cota de transferência e de requisições e um crédito de uso Excedente por GB e por milhão de requisições ou invocações; o plano pessoal sem custo é só para uso não comercial
Créditos Netlify Mensalidade com um pacote de créditos, consumidos por banda, processamento, deploys e requisições O site pausa quando os créditos acabam, a menos que você compre mais
Requisições e CPU Cloudflare Workers Mensalidade baixa com cota de requisições e de milissegundos de CPU Excedente por milhão de requisições e por milhão de ms de CPU

Na Netlify, cada GB de banda, cada GB-hora de processamento, cada deploy de produção e cada lote de requisições consome um número fixo de créditos, publicado na FAQ de cobrança. Quando os créditos de um plano pago acabam, todos os sites da equipe pausam até o próximo ciclo, a menos que você compre pacotes de créditos ou ative a recarga automática.

Na Vercel, equipes novas recebem um orçamento padrão para uso sob demanda, com avisos ao se aproximar dele. A pausa automática ao atingir o orçamento é opcional.

Quanto custa rodar o Next.js num servidor próprio?#

Com next start ou a saída standalone, o Next.js é um processo Node.js comum. Ele roda em qualquer VPS, e o preço passa a ser o da máquina, não do uso. Os provedores vendem VPS por tamanho, com preço fixo por mês, e os menores costumam custar poucos dólares. Ao comparar planos (por exemplo, na página de preços da DigitalOcean), olhe três números:

  • RAM: é ela que decide se o app e o build cabem na máquina.
  • Transferência incluída: quantos GB saem por mês sem custo extra.
  • Preço do excedente: quanto custa cada GB além da cota.

Quanto de memória escolher? Num teste, um app mínimo do Next.js com next start ocupou por volta de uma centena de MB de memória depois de 200 requisições. Um app real, com dezenas de páginas, bibliotecas de UI e otimização de imagens, passa disso. O next build também costuma consumir bem mais memória que a execução, e um build que morre por falta de RAM é comum em servidores pequenos. Compile no CI ou na sua máquina e envie o resultado. Para medir o seu caso, veja como dimensionar RAM e CPU.

O custo que não aparece na fatura é o seu tempo: atualizações do sistema, proxy reverso, certificado TLS, reinício do processo e monitoramento ficam com você. A comparação completa está em quanto custa um VPS.

Como estimar a conta do meu app?#

Faça a conta com o seu tráfego. Exemplo hipotético: um site comercial com 100 mil visualizações de página por mês, cada uma transferindo 1,5 MB (HTML, JavaScript, CSS e imagens) e gerando 30 requisições.

tráfego     = 100.000 × 1,5 MB = 150.000 MB ≈ 150 GB por mês
requisições = 100.000 × 30     = 3.000.000 por mês

Com esses números e preços hipotéticos, cada modelo fica assim:

  • Assento com cota: se o plano pessoal sem custo for só para uso não comercial, ele não serve, porque o site é comercial. Supondo um plano de US$ 10 por desenvolvedor com 200 GB e 5 milhões de requisições incluídos, 150 GB e 3 milhões de requisições cabem na cota, e uma equipe de dois paga US$ 20, mais qualquer uso de funções acima do crédito incluído.
  • Créditos: supondo 10 créditos por GB de banda e 1 a cada 10 mil requisições, só a banda consome 150 × 10 = 1.500 créditos, e as requisições somam 300 × 1 = 300. São 1.800 créditos antes de contar deploys e processamento. Se o plano incluir 1.000, seria preciso comprar créditos extras.
  • Requisições e CPU: se as requisições a arquivos estáticos ficarem fora da conta de CPU, só as renderizações contam. Se 100 mil renderizações por mês usarem 20 ms de CPU cada (meça o seu app), são 2 milhões de ms; compare com a cota de ms de CPU do plano.
  • VPS: supondo uma máquina de US$ 10 por mês com 1 GB de RAM e 500 GB de transferência incluídos, 150 GB cabem com folga, desde que 1 GB de RAM aguente o app. Some o seu tempo de manutenção.

O peso médio da página muda tudo. Se as imagens forem otimizadas e a página cair para 500 KB, o tráfego cai para cerca de 50 GB e a conta encolhe em quase todos os modelos.

Quais são os custos escondidos?#

  • Preço por assento. Em planos cobrados por assento, como o Pro da Vercel, cada desenvolvedor que faz deploy soma uma mensalidade.
  • Robôs e ataques. Crawlers e tráfego automatizado consomem banda e invocações como visitantes reais.
  • Revalidação e funções. ISR, rotas de API e Server Actions viram invocações e tempo de CPU, mesmo em páginas que parecem estáticas.
  • Minutos de build. Muitos deploys por dia somam minutos ou créditos.
  • Câmbio e IOF. Quem paga em reais um serviço cobrado em dólar soma a variação cambial e o IOF do cartão internacional.
  • Domínio. É anual e cobrado à parte. Veja quanto custa um domínio.
  • Pausa por cota. Um site que pausa quando a cota acaba custa vendas, não dinheiro na fatura.

Para comparar com sites que não usam Next.js, veja quanto custa hospedar um site.

Como reduzir o custo sem perder recursos?#

Gere estáticas as páginas que mudam pouco e deixe SSR só onde o conteúdo depende do usuário. Comprima imagens em WebP ou AVIF, porque elas costumam ser a maior parte do tráfego. Configure cabeçalhos de cache para JavaScript e CSS com hash no nome. Use output: 'standalone' para enviar só os arquivos necessários ao servidor. E acompanhe o uso no painel do provedor antes que a cota acabe. O passo a passo de publicação está em como hospedar um app Next.js.

Como fazer isso na Square Cloud#

Banda, requisições e invocações, os itens que mais pesaram nas contas acima, não entram na conta da Square Cloud: o tráfego é ilimitado, sem cobrança por banda ou por requisição (política de uso justo), e você paga o plano, em reais, por Pix ou cartão. O app Next.js roda como um processo Node.js comum (next start ou a saída standalone) num container sempre ligado, sem cold start. Na saída standalone, inicie com HOSTNAME=0.0.0.0 node server.js para o servidor escutar em 0.0.0.0 na porta da variável PORT. O reinício automático vem ligado no deploy pelo painel e só age quando o processo encerra com erro.

A plataforma não tem etapa de build: rode o next build no CI ou na sua máquina e envie o resultado, ou coloque o build no comando de início. Nesse caso, tudo o que o build usa (TypeScript, Tailwind etc.) precisa estar em dependencies, porque a instalação roda com NODE_ENV=production e as devDependencies não entram. Se o app cabe no export estático, use o runtime de sites estáticos: o nginx fica sempre no ar servindo a pasta out, nenhum código seu roda no servidor, e um novo upload entra no ar na hora.

Todos os planos são pagos. O Hobby custa R$ 12,49 por mês, com 1 GB de RAM e 1 vCPU, e atende sites; a RAM do plano é um pool compartilhado entre as suas aplicações, com mínimo de 512 MB por aplicação web. Toda aplicação web ganha um subdomínio *.squareweb.app com HTTPS e analytics web sem cookies, com visitas, rotas e códigos de status. O domínio personalizado começa no Standard, a partir de R$ 44,99 por mês com 4 GB de RAM. Veja como publicar em hospedagem de sites.

Hospedagem de sites

Sites estáticos e SSR com TLS automático e CDN global

Saiba mais

Perguntas frequentes

Dá para hospedar um app Next.js sem pagar nada?

Dá, se o app puder ser exportado como site estático (output: 'export') e o uso couber em uma camada sem custo, como GitHub Pages. Com recursos de servidor, as camadas sem custo têm limites apertados e, em alguns casos, proíbem uso comercial.

Quanta memória um app Next.js precisa?

Num teste, um app mínimo do Next.js com next start ocupou por volta de uma centena de MB depois de 200 requisições. Apps reais, com mais páginas e bibliotecas, usam mais. Meça o seu e deixe folga. O build costuma pedir mais memória que a execução.

Preciso da Vercel para usar Next.js?

Não. A documentação oficial lista quatro caminhos: servidor Node.js, container Docker, export estático e adaptadores para plataformas. Servidor Node.js e Docker suportam todos os recursos.

Por que a conta sobe sem eu mudar nada?

Porque tráfego, requisições e tempo de função são cobrados por uso. Um post viral, robôs de busca ou um ataque aumentam esses números, e o excedente entra na fatura ou pausa o site, conforme a plataforma.

Próximo artigoO que é um servidor web: Nginx, Apache e NodeServidor web é o software que recebe requisições HTTP e devolve páginas, arquivos ou respostas de API. Veja como funciona e quando usar Nginx, Apache ou Node.js.