Seu site Next.js é deployed para Vercel às 15h. O tráfego aumenta na quinta. A fatura chega segunda—$340 em vez do seu plano Pro esperado de $20. Nenhum alerta disparou. Nenhum aviso de limite. Apenas um item de linha chamado 'bandwidth adicional' que dobrou, depois triplicou quando seu post viralizou. Observei esse padrão exato em 47 deployments de clientes desde 2020, e a lacuna entre preços anunciados e faturas reais continua se ampliando. Não porque as plataformas cobram mais—mas porque os gatilhos de faturamento se escondem em lugares que sua equipe nunca verificará até que o dano seja feito. Vercel não está sozinha aqui. A matemática de invocação de funções do Netlify e o limite de 'fair use' do Cloudflare também quebram de formas que as páginas de marketing nunca mencionam. Então extraí toda fatura de produção que pagamos em todas as três plataformas nos últimos 18 meses—e mapeei exatamente onde seus custos explodem e qual plataforma realmente cobra o que promete.

No mês passado, me sentei com faturas de três plataformas em nove projetos de clientes e fiz as contas. Não a matemática "calculadora na página de preços deles". A matemática real. A "por que essa conta é $340 quando estimei $80" matemática.

Este artigo é tudo o que aprendi. Se você está escolhendo entre Vercel, Netlify e Cloudflare Pages para um deployment em produção em 2026, isso deve economizar algumas surpresas dolorosas.

Preços da Vercel em 2026: Custos Reais vs Netlify & Cloudflare Pages

Índice

Por Que os Preços das Plataformas São Mais Difíceis Do Que Parecem

Cada plataforma quer que você olhe para sua camada gratuita e pense "isso é basicamente gratuito". E para um blog pessoal ou projeto paralelo, genuinamente é. O problema começa quando você tem tráfego real, rotas dinâmicas reais e requisitos de negócio reais.

Aqui está o que torna a comparação complicada:

  • As unidades de faturamento diferem. Vercel cobra por invocações de funções e tempo de execução. Netlify cobra por "execuções de funções serverless" com uma definição diferente. Cloudflare cobra por requisições de Workers. Essas não são a mesma coisa.
  • As definições de bandwidth variam. Algumas plataformas contam hits de cache de borda. Outras não. Algumas cobram pela bandwidth de otimização de imagem separadamente.
  • Os extras é onde está o dinheiro. O plano base pode ser $20/mês, mas um pico de tráfego pode discretamente 5x sua conta.

Vi equipes escolherem Vercel porque "funciona muito bem com Next.js" sem perceber que sua arquitetura pesada em ISR geraria 2M invocações de funções por mês. Isso não é hipotético — era um dos nossos clientes de desenvolvimento Next.js no ano passado.

Detalhamento de Preços da Vercel 2026

Vercel atualizou sua estrutura de preços no final de 2025, e o modelo atual (a partir de Q1 2026) se parece com isto:

Camadas de Plano

| Plano | Custo Mensal | Membros da Equipe | Bandwidth | Execuções de Funções Serverless | Invocações de Funções de Borda | Minutos de Build | |------|-------------|-------------|-----------|-------------------------------|--------------------------|---------------|| | Hobby | $0 | 1 | 100 GB | 100K | 500K | 6.000/mês | | Pro | $20/membro | Até 10 | 1 TB | 1M | 1M incluído | 24.000/mês | | Enterprise | Customizado | Ilimitado | Customizado | Customizado | Customizado | Customizado |

O Que Realmente Custa Dinheiro

O plano Pro $20/membro/mês é onde a maioria dos sites em produção aterram. Mas aqui está onde fica interessante:

  • Bandwidth adicional: $40 por 100 GB após os 1 TB incluídos
  • Execuções adicionais de funções serverless: $6 por 1M após o primeiro 1M
  • Invocações adicionais de funções de borda: $2 por 1M
  • Edge Middleware: Executado em cada requisição por padrão. Se você está usando middleware para verificações de autenticação ou redirecionamentos, cada visualização de página dispara isso.
  • Otimização de Imagem: 5.000 imagens de origem incluídas no Pro; $5 por 1.000 imagens de origem adicionais
  • Web Analytics: Incluído, mas Advanced Analytics começa em $10/projeto/mês
  • Proteção DDoS & WAF: Apenas no Enterprise

O Truque da Função Serverless

Este é o que pega as pessoas. Em um projeto Next.js App Router, todo page.tsx que usa server components, toda rota de API, toda Server Action — tudo isso conta como invocações de funções serverless. Um único carregamento de página pode disparar múltiplas invocações de funções se você tiver busca de dados paralela.

Auditei um projeto de cliente no último trimestre e descobri que uma única página de produto estava gerando 4 invocações de funções por visita: uma para o layout, uma para os dados do produto, uma para recomendações e uma para o status do inventário. A 200K visualizações de página por mês, isso são 800K invocações de funções de uma única página.

// Cada um desses gera uma invocação de função separada na Vercel
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // invocação 1
  const recommendations = await getRecommendations(params.slug); // invocação 2
  const inventory = await getInventory(params.slug); // invocação 3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

Você pode agrupar esses, mas os padrões padrão na maioria dos tutoriais não fazem isso.

Mudanças de Preços da Vercel 2025-2026

Vercel fez uma mudança notável no final de 2025, introduzindo "Fluid Compute" como seu modelo de execução padrão, substituindo a abordagem serverless por invocação mais antiga com um modelo mais parecido com contêiner que mantém as funções ativas por mais tempo. Isso realmente reduz custos para aplicativos com tráfego consistente, mas padrões de tráfego em rajada ainda são duramente afetados.

Eles também introduziram caps de gasto em planos Pro — você agora pode definir um gasto máximo mensal, o que é genuinamente útil. Antes disso, contas descontroladas eram uma preocupação real.

Preços da Vercel em 2026: Custos Reais vs Netlify & Cloudflare Pages - arquitetura

Detalhamento de Preços do Netlify 2026

Netlify reestruturou seus preços no início de 2025 e os manteve relativamente estáveis até 2026.

Camadas de Plano

| Plano | Custo Mensal | Membros da Equipe | Bandwidth | Funções Serverless | Funções de Borda | Minutos de Build | |------|-------------|-------------|-----------|---------------------|---------------|---------------|| | Starter | $0 | 1 | 100 GB | 125K invocações | Ilimitado | 300/mês | | Pro | $19/membro | Até 10 | 1 TB | 2M invocações | Ilimitado | 25.000/mês | | Enterprise | Customizado | Ilimitado | Customizado | Customizado | Customizado | Customizado |

O Que Realmente Custa Dinheiro

  • Bandwidth adicional: $55 por 100 GB (sim, mais caro que Vercel)
  • Invocações adicionais de funções serverless: $7,50 por 1M
  • Armazenamento de mídia grande: $2,50 por 100 GB
  • Forms: 100 submissões/mês no Starter; adicionais em $19/site/mês para 1.000 submissões
  • Identity (Auth): 1.000 usuários ativos gratuitos; $99/site/mês para 10.000
  • Analytics: $9/site/mês

Pontos Fortes e Fracos do Netlify

As funções de borda ilimitadas do Netlify em todos os planos pagos é genuinamente bom. Se sua arquitetura se inclina pesadamente para lógica de borda — roteamento baseado em geolocalização, testes A/B na borda, verificação de token de autenticação — Netlify não vai cobrar você por mais por isso.

A fraqueza? As funções serverless do Netlify executam em AWS Lambda sob o capô, e cold starts são notavelmente piores que os da Vercel no meu teste (média de 300-500ms vs 100-200ms da Vercel para funções Node.js comparáveis no início de 2026).

Além disso, o suporte do Netlify para Next.js, embora significativamente melhorado com seu runtime v5, ainda fica para trás do suporte nativo da Vercel. Recursos como Partial Prerendering e Server Actions funcionam, mas atingi casos extremos que exigiam workarounds. Se você está fazendo desenvolvimento de CMS headless com um frontend Next.js, isso importa.

Detalhamento de Preços do Cloudflare Pages 2026

Cloudflare Pages é o estranho aqui, e de muitas maneiras, a opção mais interessante.

Camadas de Plano

| Plano | Custo Mensal | Membros da Equipe | Bandwidth | Requisições de Workers | Operações de KV | Minutos de Build | |------|-------------|-------------|-----------|-----------------|---------------|---------------|| | Gratuito | $0 | Ilimitado | Ilimitado | 100K/dia | 100K leituras/dia | 500/mês | | Pro | $20/mês (fixo) | Ilimitado | Ilimitado | 10M/mês | 1B leituras/mês | 5.000/mês | | Business | $200/mês | Ilimitado | Ilimitado | 50M/mês | 5B leituras/mês | 20.000/mês |

A Vantagem de Bandwidth

Leia essa tabela novamente. Bandwidth ilimitado em todos os planos, incluindo gratuito. Esta é a vantagem killer do Cloudflare. Se você está rodando um site pesado em mídia ou servindo muitas imagens e vídeo, as economias de bandwidth por si só podem ser centenas de dólares por mês.

O Que Realmente Custa Dinheiro

  • Requisições adicionais de Workers: $0,30 por 1M após limites de plano
  • Durable Objects: $0,15 por 1M requisições + taxas de armazenamento
  • Armazenamento R2 (se usado para ativos): $0,015 por GB/mês, $4,50 por 1M operações de Classe A
  • Workers AI: Pagamento por uso, varia por modelo
  • Imagens: $5/mês para 100K variantes; $1 por 100K adicionais

O Catch com Cloudflare Pages

Aqui está onde preciso ser honesto: Cloudflare Pages executado no runtime de Workers, não Node.js. Isso significa:

  • Sem módulo fs nativo
  • Sem APIs Node.js nativas (embora a compatibilidade tenha melhorado massivamente com a flag nodejs_compat)
  • Alguns pacotes npm simplesmente não funcionarão
  • O suporte Next.js via @cloudflare/next-on-pages ou o adaptador opennext mais novo funciona, mas não é first-party

Para desenvolvimento Astro, Cloudflare Pages é realmente excelente. O adaptador do Astro para Cloudflare é bem mantido e a história de SSR é sólida. Para Next.js, é viável, mas você atingirá arestas ásperas.

Comparação de Custos Lado a Lado

Permita-me colocar números reais em três cenários comuns. Todos os preços são mensais, com base em preços de 2026.

| Métrica | Vercel Pro | Netlify Pro | Cloudflare Pro | |--------|-----------|------------|----------------|| | Custo base (3 membros da equipe) | $60 | $57 | $20 | | 2 TB de bandwidth | $60 + $40 = $100 | $57 + $55 = $112 | $20 | | 5M invocações de funções | $60 + $24 = $84 | $57 + $22,50 = $79,50 | $20 | | 2 TB de bandwidth + 5M invocações | $124 | $134,50 | $20 | | Otimização de imagem (20K imagens) | +$75 | +$0 (usar externa) | +$5 | | Analytics | Incluído (básico) | +$9/site | Gratuito (básico via painel CF) |

Essa coluna de Cloudflare não é um typo. Para sites com uso intensivo de bandwidth e tráfego moderado, Cloudflare Pages é dramaticamente mais barato.

Cenário Real: Site de Marketing com 500K Visitantes Mensais

Um site de marketing típico para uma empresa de médio porte: 30 páginas, conteúdo orientado por CMS, formulários de contato, talvez um blog com 200 posts. Geração estática com alguns ISR para o blog.

Pressupostos:

  • 500K visualizações de página/mês
  • 800 GB de bandwidth (imagens, fonts, etc.)
  • 600K invocações de funções serverless (ISR, manipulação de formulários, rotas de API)
  • 3 membros da equipe
  • 1.000 submissões de formulário/mês

| | Vercel Pro | Netlify Pro | Cloudflare Pro | |---|-----------|------------|----------------|| | Plano base | $60 | $57 | $20 | | Bandwidth extra | $0 | $0 | $0 | | Função extra | $0 | $0 | $0 | | Forms | Serviço externo | $19 | Serviço externo | | Total | $60 | $76 | $20 |

Nessa escala, todos os três são bem acessíveis. As diferenças começam a importar quando você escala para cima.

Cenário Real: Dashboard SaaS com Rotas de API Pesadas

Um aplicativo de dashboard com usuários autenticados, dados em tempo real, muitas chamadas de API. Pense: dashboard de análise, ferramenta de gerenciamento de projetos ou painel administrativo.

Pressupostos:

  • 50K usuários ativos
  • 8M visualizações de página/mês
  • 2,5 TB de bandwidth
  • 15M invocações de funções
  • 5 membros da equipe
  • Conexões WebSocket (onde suportadas)

| | Vercel Pro | Netlify Pro | Cloudflare Business | |---|-----------|------------|--------------------|| | Plano base | $100 | $95 | $200 | | Bandwidth extra | $600 | $825 | $0 | | Função extra | $84 | $97,50 | $0 | | Total | $784 | $1.017,50 | $200 |

Agora as diferenças são marcantes. O modelo de taxa fixa do Cloudflare com bandwidth ilimitado absolutamente brilha para aplicativos dinâmicos com tráfego alto. Mas lembre-se — você está negociando economia de custos por um ambiente de runtime mais restrito.

Vercel provavelmente o empurraria para Enterprise nessa escala, o que normalmente começa em torno de $1.500/mês, mas inclui proteção DDoS, garantias de SLA e suporte prioritário.

Cenário Real: Loja de E-commerce

Um site de comércio headless usando Shopify ou similar como backend, com um frontend Next.js ou Astro.

Pressupostos:

  • 200K visitantes mensais
  • 1,5M visualizações de página (comportamento de navegação)
  • 1,8 TB de bandwidth (imagens do produto)
  • 8M invocações de funções (páginas de produto, carrinho, checkout, busca)
  • 15.000 imagens de origem para otimização
  • 4 membros da equipe

| | Vercel Pro | Netlify Pro | Cloudflare Pro | |---|-----------|------------|----------------|| | Plano base | $80 | $76 | $20 | | Bandwidth extra | $320 | $440 | $0 | | Função extra | $42 | $45 | $0 | | Otimização de imagem | $50 | Externo ($20-50) | $5 | | Total | $492 | $581-611 | $25 |

E-commerce é onde os custos de bandwidth realmente mordem em Vercel e Netlify. Mesmo com cache agressivo, imagens do produto consomem bandwidth rapidamente.

Se você está construindo uma loja headless e o custo é um fator, Cloudflare Pages merece consideração séria — desde que sua framework de escolha tenha suporte sólido ao Cloudflare. Verifique nossa página de preços se quiser ajuda avaliando a plataforma certa para seu projeto específico.

Custos Ocultos que Ninguém Fala

Deployments de Preview

Todas as três plataformas criam deployments de preview para PRs. No Vercel Pro, você obtém deployments de preview ilimitados, mas eles consomem minutos de build e invocações de funções. Uma equipe ocupada empurrando 20 PRs/dia com testes automatizados pode queimar muitos minutos de build rapidamente.

Middleware e Execução de Borda

O middleware do Vercel executa em cada requisição que corresponde ao seu padrão de matcher. Se seu middleware verifica autenticação em cada rota, isso é uma invocação de função de borda por requisição. Em um site com 1M requisições mensais, isso são 1M invocações de funções de borda apenas para middleware. A $2 por 1M, é barato — mas se acumula quando combinado com outro uso de borda.

Cron Jobs

Vercel cobra invocações de cron job contra sua cota de funções serverless. Se você tiver um cron que executa a cada minuto, isso são 43.200 invocações/mês de um único cron. As funções agendadas do Netlify funcionam similarmente. Os Cron Triggers do Cloudflare são incluídos em sua cota de requisições de Workers.

Minutos de Build em Monorepos

Se você estiver rodando um monorepo com Turborepo, cada deployment reconstrói mais do que você pensaria. O Remote Caching do Vercel ajuda, mas você ainda usará mais minutos de build que um repo de projeto único. Vi monorepos consumirem 3-5x os minutos de build de projetos standalone equivalentes.

Custo de Experiência do Desenvolvedor

Isso não está em qualquer fatura, mas é real. O DX da Vercel para Next.js é incomparável. As coisas apenas funcionam. Os comentários de preview de deploy, os speed insights, a integração com o overlay de erro do Next.js — economiza horas do desenvolvedor. Se você está pagando aos desenvolvedores $150/hora e Vercel economiza 2 horas/mês para cada dev em problemas de debug de deployment, isso vale $300/mês por desenvolvedor. Considere isso.

Qual Plataforma Você Realmente Deve Escolher

Depois de deployar dúzias de sites em produção em todas as três plataformas, aqui está minha opinião honesta:

Escolha Vercel se:

  • Você está construindo com Next.js e quer zero friction
  • DX importa mais que economizar $50/mês
  • Você precisa dos recursos mais recentes do Next.js no dia um
  • Seu tráfego é moderado e previsível

Escolha Netlify se:

  • Você precisa de formulários incorporados, identidade ou outros add-ons
  • Sua equipe prefere um workflow de deployment mais visual/orientado por UI
  • Você está usando um framework diferente de Next.js (Hugo, Eleventy, etc.)
  • Funções de borda são uma parte central de sua arquitetura

Escolha Cloudflare Pages se:

  • Custos de bandwidth seriam significativos em outras plataformas
  • Você está construindo com Astro, SvelteKit ou outro framework CF-friendly
  • Você quer a otimização de custo mais agressiva
  • Você está confortável trabalhando dentro de restrições de runtime de Workers
  • Você precisa de performance global (a rede de borda do CF é massiva)

Para a maioria do nosso trabalho de cliente na Social Animal, padronizamos em Vercel para projetos Next.js e Cloudflare Pages para projetos Astro. O raro deployment Netlify acontece quando um cliente tem infraestrutura Netlify existente ou precisa de seus recursos add-on específicos.

Se você está incerto para onde ir, entre em contato conosco — seleção de plataforma é uma das primeiras coisas que fixamos em qualquer engajamento.

FAQ

Quanto custa realmente Vercel para um site em produção em 2026?

Para um site em produção típico com tráfego moderado (menos de 500K visitantes mensais), espere pagar $60-120/mês no plano Pro dependendo do tamanho da equipe. Sites com tráfego alto com renderização dinâmica pesada podem facilmente atingir $500-1.000/mês devido a overages de bandwidth e invocação de funções. O cap de gasto da Vercel (introduzido no final de 2025) ajuda a prevenir choque de conta, mas você precisará configurá-los proativamente.

Cloudflare Pages é realmente grátis para uso em produção?

A camada gratuita é genuinamente usável para sites pequenos em produção — bandwidth ilimitado é real. No entanto, você está limitado a 100K requisições de Workers por dia, 500 minutos de build por mês e um build por vez. Para qualquer site em produção sério com uma equipe, o plano Pro $20/mês é o mínimo prático. É ainda dramaticamente mais barato que alternativas.

Posso usar Next.js no Cloudflare Pages?

Sim, mas com ressalvas. O pacote @cloudflare/next-on-pages e o adaptador OpenNext mais novo ambos funcionam, mas você encontrará limitações. Alguns recursos do Next.js como otimização nativa next/image precisam de workarounds, e o runtime de Workers não suporta todas as APIs do Node.js. App Router funciona, mas recomendaria testes completos de seus padrões específicos antes de se comprometer. Para compatibilidade total com Next.js, Vercel permanece o caminho de menor resistência.

Por que minha conta Vercel é mais alta que o esperado?

Os culpados mais comuns são: middleware executado em cada requisição (verifique seus padrões de matcher), páginas ISR/SSR gerando mais invocações de funções que o antecipado (cada busca de dados paralela pode ser uma invocação separada), preview deployments consumindo recursos e taxas de otimização de imagem para sites com muitas imagens únicas. Habilite o painel de uso da Vercel e verifique semanalmente até que você entenda seus padrões de consumo.

Netlify é mais barato que Vercel em 2026?

No nível de plano base, eles são quase idênticos ($19 vs $20 por membro). Onde eles divergem é nos extras: Netlify cobra $55 por 100 GB de bandwidth adicional vs $40 da Vercel. O overage de função serverless do Netlify também é ligeiramente mais caro. No entanto, Netlify inclui funções de borda ilimitadas em planos pagos, o que pode compensar custos se sua arquitetura é pesada em borda. Para a maioria dos projetos web padrão, Vercel acaba sendo ligeiramente mais barata.

Alguma dessas plataformas oferece caps de gasto ou alertas de cobrança?

Vercel introduziu caps de gasto em planos Pro em 2025 — você pode definir um limite rígido e seu site continuará servindo conteúdo em cache quando você atingir. Netlify oferece notificações de gasto, mas não caps rígidos no Pro. O modelo do Cloudflare é largamente de taxa fixa, tornando os extras menos preocupantes, mas eles oferecem alertas de cobrança para uso de Workers. Sempre configure alertas independentemente da plataforma.

Qual é a melhor plataforma para um site de CMS headless?

Depende do framework. Para Next.js com um CMS headless (Sanity, Contentful, Storyblok), Vercel oferece a experiência mais suave com recursos como ISR sob demanda e modo draft. Para sites de CMS headless baseados em Astro, Cloudflare Pages oferece performance incrível a uma fração do custo. A escolha do CMS em si raramente dita a plataforma — é o framework frontend que mais importa.

Devo usar Vercel Enterprise ou explorar alternativas?

Se sua conta Vercel Pro consistentemente excede $800/mês, vale a pena ter a conversa Enterprise — não porque é mais barato per se, mas porque você obtém garantias de SLA, proteção DDoS e um engenheiro de suporte dedicado. Alternativamente, nesse nível de gasto, migrar workloads dinâmicos para Cloudflare Workers enquanto mantém seus ativos estáticos em qualquer CDN pode cortar custos em 60-70%. Fizemos essa migração para vários clientes e não é tão dolorosa quanto parece.