Traduzi para o português brasileiro

Construí projetos em ambos os lados dessa cerca. Sites de marketing no Webflow onde o cliente precisava de algo ao vivo ontem, e aplicações complexas em Next.js + Supabase + Vercel onde precisávamos de dados em tempo real, autenticação e o tipo de flexibilidade que nenhum construtor visual pode alcançar. A pergunta que mais recebo não é "qual é melhor?" — é "qual vai me custar menos nos próximos 12 meses?" Essa resposta é mais nuançada do que qualquer página de preços vai dizer.

Vamos aos números reais. Não os números de marketing "começando em", mas o que você vai realmente pagar quando considerar assentos do time, excesso de banda, integrações de terceiros e o tempo de desenvolvedor que ninguém comenta.

O Custo Real: Webflow vs Next.js + Supabase + Vercel em 2025

Índice

Por que essa comparação importa agora

O Webflow vem aumentando preços constantemente. Seus planos de workspace foram reestruturados no final de 2024, e os preços Enterprise — que já eram opacos — subiram para níveis que fazem os CTOs se encolherem. Enquanto isso, o modelo de preços por assentista do Vercel ($20/desenvolvedor/mês no Pro) combinado com excedentes baseados em uso pegou mais de alguns times de surpresa quando um post de blog viraliza.

A tensão é real: o Webflow promete velocidade de lançamento sem código. A stack Next.js + Supabase + Vercel promete flexibilidade infinita e potencialmente custos de infraestrutura mais baixos. Mas "potencialmente" está fazendo muito peso naquela frase.

Vi times economizarem 80% mudando de Webflow. Também vi times queimarem $20K em horas de desenvolvedor construindo algo em Next.js que teria levado dois dias no Webflow. O contexto é tudo.

Preços do Webflow: o que você realmente paga

O preço do Webflow é em camadas, e é aí que a confusão começa. Você não paga apenas por um "plano". Você paga por um Plano de Site, um Plano de Workspace e potencialmente por taxas de eCommerce — tudo separadamente.

Planos de Site (Por Site, Faturado Mensalmente)

Plano Preço Mensal Itens CMS Banda Código Customizado
Free $0 50 1GB Limitado
Basic $18 — 50GB Sim
CMS $29 2.000 200GB Sim
Business $49 10.000 400GB Sim
Enterprise Customizado Customizado Customizado Sim

Planos de Workspace (Por Time)

Plano Preço Mensal Assentos Sites Hospedados
Starter $0 1 2
Core $19/assento 3+ 10
Growth $35/assento 3+ Ilimitado
Enterprise Customizado Customizado Customizado

Então aqui está o que realmente acontece na prática. Um pequeno time de marketing de 3 pessoas executando 5 sites em planos CMS paga:

Workspace: $19/assento × 3 = $57/mês
Planos de Site: $29 × 5 = $145/mês
Total: $202/mês ($2.424/ano)

Não é terrível. Mas soma rápido. Escale para 10 sites com um time de 6 no plano Growth:

Workspace: $35/assento × 6 = $210/mês
Planos de Site: $29 × 10 = $290/mês
Total: $500/mês ($6.000/ano)

E isso é antes de você usar os planos de eCommerce ($29–$212/mês por site) ou precisar de features Enterprise como publicação baseada em papel, SSO ou garantias de SLA.

A caixa preta Enterprise

O Webflow não publica preços Enterprise. Com base em conversas com clientes que passaram pelo processo de vendas, espere:

  • Começando em torno de $500–$800/mês para features Enterprise básicas
  • $1.000–$3.000/mês para sites de alto tráfego com garantias de SLA
  • $5.000–$10.000+/mês para grandes organizações com múltiplos sites e requisitos customizados

O desconto anual (até 22%) ajuda, mas você fica preso. E os portões de features são reais — alguns times descobrem no meio do projeto que precisam de Enterprise para algo que parece que deveria ser padrão.

O Custo Real: Webflow vs Next.js + Supabase + Vercel em 2025 - arquitetura

Next.js + Supabase + Vercel: a divisão de preços da stack

Essa stack tem três componentes de custo, e cada um escala diferente.

Preços do Vercel (2025)

Plano Custo Base Assentos Banda Invocações Serverless Builds
Hobby $0 1 100GB 1M/mês 6.000 min
Pro $20/mês $20/assento 1TB 1M incluído 24.000 min
Enterprise Customizado Customizado Customizado Customizado Customizado

O plano Pro a $20/mês parece barato até você adicionar assentos de desenvolvedor. Cinco devs? São $100/mês antes de servir uma única página. Dez devs? $200/mês.

Mas a verdadeira surpresa vem dos excedentes:

  • Excesso de banda: $40/100GB além de 1TB
  • Duração de função serverless: $0,18/GB-hora além do incluído
  • Invocações de função Edge: $2/milhão além do incluído

Preços do Supabase (2025)

Plano Custo Mensal Banco de Dados Armazenamento MAUs de Autenticação Edge Functions
Free $0 500MB 1GB 50.000 500K invocações
Pro $25/mês 8GB 100GB 100.000 2M invocações
Team $599/mês 8GB+ 100GB+ 100.000+ Customizado
Enterprise Customizado Customizado Customizado Customizado Customizado

A camada gratuita do Supabase é genuinamente generosa para pequenos projetos. O salto para Pro a $25/mês oferece o suficiente para a maioria dos aplicativos em produção. Os complementos de computação ($10–$20+/mês para instâncias dedicadas) são onde os custos se infiltram para aplicações sensíveis ao desempenho.

Exemplos de Custo Total da Stack

// Desenvolvedor solo, projeto hobby
Vercel Hobby: $0
Supabase Free: $0
Total: $0/mês

// Startup pequena, 3 devs, tráfego moderado
Vercel Pro: $20 + ($20 × 3 assentos) = $80/mês
Supabase Pro: $25/mês
Total: $105/mês

// Empresa em crescimento, 8 devs, 500K+ visitas mensais
Vercel Pro: $20 + ($20 × 8 assentos) = $180/mês
Supabase Pro + computação: $45/mês
Buffer de banda: ~$40/mês
Total: ~$265/mês

Comparação de custos lado a lado por cenário

É aqui que fica interessante. Vamos comparar cenários do mundo real:

Cenário Custo Mensal Webflow Custo Mensal Stack Next.js Economias Anuais com Stack
Portfólio solo/blog $18–$29 $0 (camadas gratuitas) $216–$348
Site de marketing startup (3 pessoas) $145–$200 $105 $480–$1.140
Empresa de médio porte (6 pessoas, 5 sites) $400–$600 $170–$265 $1.620–$4.020
Enterprise (10+ pessoas, tráfego alto) $1.500–$5.000+ $300–$600 $10.800–$52.800
eCommerce (transacional) $500–$1.500+ $200–$400 $1.200–$13.200

Esses números contam uma história clara em escala: a stack customizada é dramaticamente mais barata em infraestrutura. Mas há um asterisco massivo aqui, e é chamado de tempo de desenvolvedor.

Os custos ocultos que ninguém coloca em uma página de preços

Esta é a seção que a maioria dos artigos de comparação pula. Não pule.

Custos de Desenvolvedor para a Stack Next.js

Um site Webflow pode ser construído por um designer em 1–3 semanas. Um projeto Next.js + Supabase + Vercel comparável precisa de um desenvolvedor por 4–12 semanas, dependendo da complexidade.

Vamos fazer as contas:

Construção Webflow: Designer a $80/hr × 60 horas = $4.800
Construção Next.js: Desenvolvedor a $120/hr × 200 horas = $24.000

Essa é uma diferença de $19.200 apenas na construção inicial. Mesmo se você contratar uma agência como Social Animal que se especializa nessa stack e trabalha com eficiência, você ainda está olhando para $8.000–$15.000 para uma aplicação Next.js bem construída versus $3.000–$7.000 para um site Webflow.

Manutenção Contínua

O Webflow cuida da hospedagem, patches de segurança e configuração de CDN. Com a stack customizada, você ou seu time precisam:

  • Monitorar deployments do Vercel e minutos de build
  • Gerenciar migrações de banco de dados do Supabase
  • Atualizar versões do Next.js (elas lançam releases principais aproximadamente anualmente)
  • Lidar com vulnerabilidades de dependências
  • Configurar e manter pipelines de CI/CD

Reserve 5–10 horas/mês de tempo de desenvolvedor para manutenção. A $120/hr, são $600–$1.200/mês que você não vai ver em nenhuma página de preços.

O problema do "imposto" do Vercel

Preciso falar sobre isso porque vi morder times duramente. Os preços baseados em uso do Vercel significam que um pico de tráfego pode explodir sua conta. Um cliente nosso viu uma conta de $2.800 em um único mês depois que um post do Reddit viraliza — eles esperavam pagar $200.

As correções são bem documentadas mas requerem disciplina:

// Use ISR em vez de SSR onde possível
export async function generateStaticParams() {
  const posts = await getPosts()
  return posts.map((post) => ({ slug: post.slug }))
}

// Defina revalidation para reduzir invocações de função
export const revalidate = 3600 // revalidar a cada hora

Outras estratégias de economia de custos:

  • Use next/image com tamanho apropriado para reduzir banda
  • Desabilite prefetching agressivo em navegação
  • Use geração estática (SSG) sobre renderização do lado do servidor (SSR) onde o conteúdo não muda por requisição
  • Configure headers de cache apropriados
  • Considere Astro para páginas pesadas em conteúdo que não precisam da interatividade do React

Integrações de Terceiros

O Webflow fica caro quando você precisa de funcionalidade que ele não suporta nativamente:

  • Autenticação: Memberstack ($25–$200+/mês) ou Outseta
  • Formulários além do básico: Zapier ($19,99–$69,99+/mês) ou Make
  • Busca: Algolia ($0–$1/mês para pequeno, escala rapidamente)
  • Complexidade de eCommerce: Frequentemente cresce além das capacidades nativas do Webflow

Com a stack Next.js, o Supabase oferece autenticação, assinaturas em tempo real, armazenamento e edge functions agrupadas. Você ainda vai precisar de processamento de pagamento (Stripe), email (Resend, $0–$20/mês) e possivelmente um CMS headless — mas as capacidades base são mais amplas.

Framework de custo interativo: crie sua própria estimativa

Como uma calculadora estática não pode cobrir cada cenário, aqui está um framework que você pode usar para estimar seus próprios custos. Pegue uma planilha e preencha essas variáveis:

// === SUAS ENTRADAS ===
team_size = ?          // Número de pessoas que precisam de acesso
monthly_visitors = ?   // Visitantes únicos mensais esperados
num_sites = ?          // Número de sites/apps separados
needs_auth = ?         // true/false
needs_database = ?     // true/false
needs_ecommerce = ?    // true/false
has_developers = ?     // true/false (time de dev in-house?)

// === ESTIMATIVA WEBFLOW ===
workspace = team_size <= 1 ? 0 : team_size * 19  // Plano Core
site_plans = num_sites * 29                       // Média de plano CMS
integrations = (needs_auth ? 50 : 0) + (needs_ecommerce ? 100 : 0)
webflow_total = workspace + site_plans + integrations

// === ESTIMATIVA STACK NEXT.JS ===
vercel = has_developers ? (20 + (team_size * 20)) : 20
supabase = needs_database ? 25 : 0
bandwidth_buffer = monthly_visitors > 500000 ? 40 : 0
dev_maintenance = has_developers ? 0 : 800  // manutenção terceirizada mensal
stack_total = vercel + supabase + bandwidth_buffer + dev_maintenance

// === CUSTO DE CONSTRUÇÃO INICIAL ===
webflow_build = num_sites * 5000   // média aproximada
stack_build = num_sites * 15000    // média aproximada

O ponto de equilíbrio — onde a stack se torna mais barata mesmo considerando o custo de construção mais alto — tipicamente acontece entre os meses 8 e 18, dependendo do tamanho do time e complexidade. Para times com desenvolvedores in-house, pode acontecer tão cedo quanto no mês 4.

Quer que a gente execute os números para sua situação específica? Entre em contato para uma análise gratuita de custo.

Quando o Webflow faz sentido financeiro

O Webflow não é overpriced para todos. É genuinamente a escolha certa quando:

Você não tem desenvolvedores. Este é o grande. Se seu time é de designers e marketers, o custo de contratar desenvolvedores para uma stack Next.js vai superar qualquer assinatura do Webflow. Clientes do Webflow reportam 67% menos tickets de dev e 56% maior taxa de conversão de formulários comparado a alternativas customizadas.

Velocidade de lançamento importa mais que custo a longo prazo. Precisa de um site de marketing ao vivo em duas semanas? Webflow. Uma construção Next.js com o mesmo polimento de design leva 6–10 semanas no mínimo.

O site é principalmente conteúdo. Blogs, portfólios, sites de agência, landing pages — esses são o sweet spot do Webflow. O CMS visual é excelente para times de conteúdo não-técnicos.

Você precisa de menos de 5 sites com um pequeno time. Nessa escala, o custo total do Webflow ($100–$300/mês) é competitivo com a stack quando você considera o tempo de manutenção.

Quando a stack Next.js vence em custo

A stack customizada vence decisivamente nesses cenários:

Você tem desenvolvedores in-house. Se você já está pagando desenvolvedores, o custo marginal da stack é apenas infraestrutura — $100–$300/mês versus $500–$5.000+ para Webflow em escala.

Você precisa de lógica de aplicação. Painéis de usuário, features em tempo real, formulários complexos, integrações de API, acesso baseado em papéis — o momento em que você precisa de qualquer um desses, os custos de complementos do Webflow explodem enquanto o Supabase lida com a maioria deles nativamente.

Você está escalando além de 5 sites ou 500K visitas mensais. A curva de custo de infraestrutura para Next.js + Vercel se achata dramaticamente comparado ao modelo de preço por site do Webflow.

Você precisa de desempenho em escala. Next.js com Turbopack e configuração apropriada de ISR/SSG entrega consistentemente sub-100ms TTFB. O desempenho do Webflow, embora decente para sites de marketing, foi avaliado como ruim para escalabilidade (1,0/10 em métricas de escalabilidade do TrustRadius).

Aqui está um exemplo real de um cliente que migramos. Eles estavam executando 8 sites de marketing e um portal de membros no Webflow:

Antes (Webflow):
  Workspace Growth: $210/mês (6 assentos)
  8 sites CMS: $232/mês
  Memberstack: $75/mês
  Zapier: $49/mês
  Total: $566/mês ($6.792/ano)

Depois (Next.js + Supabase + Vercel):
  Vercel Pro: $140/mês (6 assentos de dev)
  Supabase Pro: $25/mês
  Resend (email): $20/mês
  Total: $185/mês ($2.220/ano)
  
  Economias anuais: $4.572
  Custo de migração: $18.000
  Equilíbrio: ~4 meses

O equilíbrio chegou rápido porque eles tinham desenvolvedores na equipe. Se eles precisassem contratar uma agência para a migração e manutenção contínua, o cronograma se estende para 12–14 meses. Ainda valia a pena para eles — mas o cálculo muda para cada time.

A abordagem híbrida: o melhor dos dois mundos

Aqui está o que times inteligentes estão realmente fazendo em 2025: usando os dois.

  • Webflow para páginas de marketing — landing pages, microsites de campanha, conteúdo de blog gerenciado pelo time de marketing
  • Next.js + Supabase para a aplicação — painéis, experiências autenticadas, features pesadas em API

Isso funciona porque o Webflow pode exportar HTML/CSS limpo, e você pode incorporar seções construídas no Webflow em um app Next.js via iframes ou convertendo o código exportado. Alguns times executam Webflow em um subdomínio (www.example.com) e a app em um subdomínio separado (app.example.com).

O perfil de custo fica algo como:

Webflow CMS (1 site): $29/mês
Vercel Pro (app): $80/mês (3 assentos de dev)
Supabase Pro: $25/mês
Total: $134/mês

Você obtém o melhor dos dois mundos: autonomia do time de marketing e flexibilidade de desenvolvedor. Implementamos esse padrão para vários clientes através de nossos serviços de desenvolvimento de CMS headless, e ele consistentemente entrega o melhor ROI.

Alternativas ao Vercel Que Valem a Pena Considerar

Se o preço do Vercel é uma preocupação, você tem opções para hospedar Next.js:

Plataforma Preço de Início Suporte Next.js Melhor Para
Vercel $20/mês + $20/assento Nativo (eles construíram) Suporte completo de features
Netlify $19/assento/mês Bom (algumas lacunas) Deployments mais simples
Cloudflare Pages Free–$5/mês Melhorando Times sensíveis a custo
Railway $5/mês + uso Self-managed Deployments de orçamento
AWS Amplify Pay-per-use Suporte completo de SSR Times nativos de AWS
Self-hosted (Docker) $5–$50/mês Controle total Times com DevOps

Deployra e serviços similares alegam 93% de economias sobre Vercel para times em crescimento. O trade-off é sempre o mesmo: mais configuração, menos magia, mas contas dramaticamente mais baixas.

FAQ

O Webflow é muito caro em 2025? Depende inteiramente do seu caso de uso. Para um pequeno time de marketing sem desenvolvedores, o Webflow a $100–$300/mês é possivelmente barato comparado a contratar um desenvolvedor. Mas para times que precisam de funcionalidade customizada, escala além de alguns sites ou requerem features Enterprise, sim — fica caro rápido. Orçamentos Enterprise de $1.000–$10.000+/mês são comuns, e o modelo de preço por site significa que custos crescem linearmente com seu portfólio.

Quanto o Webflow Enterprise realmente custa? O Webflow não publica preços Enterprise. Com base em relatórios da indústria e experiências de clientes, espere $500–$800/mês como ponto de partida para features Enterprise básicas, escalando para $3.000–$10.000+/mês para grandes organizações com tráfego alto, múltiplos sites, requisitos de SLA e SSO. Contratos anuais tipicamente vêm com um desconto de 15–22%.

Posso realmente hospedar um app Next.js de graça? Sim, com ressalvas. O plano Hobby do Vercel ($0) oferece 100GB de banda e 1M de invocações de função serverless mensalmente. A camada gratuita do Supabase inclui 500MB de armazenamento de banco de dados e 50.000 usuários de autenticação. Para um projeto pessoal ou startup em estágio inicial com tráfego baixo, isso é genuinamente gratuito. Uma vez que você precise de colaboração do time ou ultrapasse os limites, você vai pular para aproximadamente $45–$105/mês.

Quais são os custos ocultos do Vercel? As principais surpresas são excesso de banda ($40/100GB além de 1TB no Pro), cobranças de duração de função serverless, preço por assento que escala com tamanho do time e limites de minutos de build. Times também relatam que certas features do Next.js como revalidação ISR frequente ou middleware pesado podem aumentar contagens de invocação de função. Monitore seu dashboard de uso semanalmente durante os primeiros meses.

Supabase é realmente uma boa alternativa ao Firebase? Para a maioria dos casos de uso, sim. Supabase oferece um banco de dados Postgres completo (não um armazenamento de documentos), autenticação integrada, assinaturas em tempo real, edge functions e armazenamento de arquivo. A vantagem chave sobre Firebase é que é SQL padrão — sem lock-in de fornecedor, e você pode migrar seu banco de dados para qualquer host Postgres. A camada gratuita é competitiva, e o plano Pro a $25/mês cobre a maioria das cargas de trabalho em produção.

Quanto tempo leva para construir um site Next.js + Supabase vs. Webflow? Um site de marketing em Webflow leva 1–3 semanas para um designer hábil. O mesmo site em Next.js leva 4–8 semanas com um desenvolvedor. Para aplicações complexas com autenticação, painéis e conteúdo dinâmico, o Webflow pode levar 2–4 semanas mais tempo de integração, enquanto Next.js + Supabase leva 6–12 semanas mas oferece um resultado mais mantível. O investimento inicial de tempo na stack customizada se paga em manutenção reduzida e velocidade de iteração depois.

Devo migrar do Webflow para Next.js? Migre se: você tem desenvolvedores no seu time, sua conta do Webflow excede $400/mês, você está atingindo limitações de plataforma (lógica customizada, desempenho, limites de itens CMS) ou você precisa de features que o Webflow não pode fornecer nativamente. Não migre se: seu time é não-técnico, seu site é principalmente orientado a conteúdo com interações simples ou seus custos Webflow atuais estão abaixo de $200/mês. A migração em si custa $8.000–$25.000 dependendo da complexidade, então certifique-se de que o cronograma de equilíbrio funciona para seu orçamento.

Qual é a melhor stack para uma startup em 2025? Para a maioria das startups, recomendamos a abordagem híbrida: Webflow para seu site de marketing inicial (chegue ao mercado rápido), então Next.js + Supabase + Vercel para sua aplicação de produto. Isso mantém custos de marketing baixos enquanto oferece ao seu time de desenvolvimento controle total sobre a experiência do produto. Conforme você escala, você pode migrar o site de marketing para Next.js ou mantê-lo no Webflow — ambos funcionam. Confira nossa página de preços para ver como fica isso com suporte de agência.