Pular para o conteúdo

Claude Code vs Lovable, Bolt e v0: qual usar em 2026

Claude Code vs Lovable, Bolt e v0, conferidos em outubro de 2026: preços reais, quem é dono do código, como conectar o Lovable ao Claude Code e quando trocar.

Por Yotam DahanAtualizado 15 min de leituraClaude Code

Claude Code vs Lovable: os modelos de site para empresas de serviços do Lovable no navegador, ao lado de uma sessão real do Claude Code trabalhando em arquivos numa pasta local

Claude Code vs Lovable é uma escolha entre velocidade e controle. Comece no Lovable, no Bolt ou no v0 se você quer um protótipo funcionando hoje à tarde sem nunca abrir um arquivo. Comece no Claude Code se você quer controle total sobre o código, a hospedagem e a conta mensal desde o primeiro dia. Você não precisa escolher só um: o Lovable sincroniza seu código com o GitHub nos dois sentidos, então dá para continuar construindo o mesmo projeto no Claude Code.

Claude Code vs Lovable: dois tipos diferentes de ferramenta

O que cada um realmente é

Lovable

Um builder de apps no navegador. Você conversa, ele cria e hospeda um app web com um backend embutido, e sincroniza o código com o GitHub.

Bolt

Um builder no navegador da StackBlitz, com hospedagem, bancos de dados e sincronização com o GitHub, cobrado em tokens.

v0

O builder da Vercel. Você conversa ou edita visualmente, sincroniza com o GitHub e publica na Vercel.

Claude Code

Um agente no seu próprio computador que edita arquivos reais em qualquer stack e publica onde você quiser.

O Claude Code é um entre vários agentes de IA para programar; builders de apps como o Lovable são outra categoria.

A diferença aparece quando o projeto cresce. Um builder decide a estrutura e a hospedagem por você, e é por isso que ele é rápido. Um agente deixa essas decisões com você, o que demora um pouco mais para começar e é mais fácil de direcionar depois.

Lovable, Bolt, v0Claude Code
Onde você trabalhaUm chat no navegadorO seu próprio computador: terminal, app de desktop ou VS Code
Primeira versãoMinutos, a partir de um prompt ou de um modeloMinutos, depois de instalado
HospedagemIncluída (o v0 publica na sua conta da Vercel)Você escolhe uma hospedagem e conecta
Banco de dados e loginEmbutidos, como o Lovable CloudVocê adiciona um serviço, como o Supabase
Onde o código ficaNo builder, sincronizado com o GitHubNuma pasta do seu computador desde o início
Como você pagaCréditos ou tokens por mensagemOs limites do seu plano do Claude, a partir de $20 por mês
Melhor paraProtótipos e sites simplesSites e ferramentas que você vai manter e ampliar

Se você ainda está escolhendo um caminho, nosso guia sobre como criar um site com IA compara construtores de sites e agentes de ponta a ponta.

Preço Claude Code vs Lovable (conferido em 20 de outubro de 2026)

Primeiro plano pago por mês em USD, no plano mensal, outubro de 2026
  • Claude Pro$20
  • Lovable Pro$25
  • Bolt Pro$25
  • v0 Plus$30 por usuário

Das páginas oficiais de preços do Lovable, do Bolt, do v0 e do Claude. O Claude Pro é o plano que inclui o Claude Code.

FerramentaPlano gratuitoPrimeiro plano pagoComo o uso é contado
Lovable5 créditos de criação por dia (até 30 por mês), mais 20 créditos de CloudPro, $25 por mês com 100 créditos; Business, $50Créditos por mensagem, conforme a tarefa
Bolt1M de tokens por mês, até 300K por diaPro, $25 por mês ou $18 no plano anual, a partir de 10M de tokensTokens
v0$5 em créditos únicos, 7 mensagens por diaPlus, $30 por usuário por mês com $30 em créditosCréditos, pela taxa de tokens de cada modelo
Claude CodeNenhumClaude Pro, $20 por mês ou $200 por anoLimites do plano em uma janela de cinco horas, mais limites semanais
Página de preços do Lovable para a comparação de custos Claude Code vs Lovable, mostrando o Free, o Pro a $25, o Business a $50 e o Enterprise
O Pro e o Business começam em 100 créditos por mês; o menu suspenso compra mais. Página de preços do Lovable, outubro de 2026.

O Lovable não cobra por assento: todos os planos permitem membros ilimitados, que dividem os créditos do workspace.

Créditos do Lovable: quanto custa uma única mudança

O Lovable publica exemplos do custo de pedidos comuns, o que deixa o modelo de créditos fácil de visualizar:

Créditos do Lovable por pedido, nos exemplos do próprio Lovable
  • "Deixe o botão cinza"0,50 crédito
  • "Remova o rodapé"0,90 crédito
  • "Adicione autenticação com cadastro e login"1,20 crédito
  • "Crie uma landing page para mim, use imagens"1,70 crédito

Das perguntas frequentes na página de preços do Lovable, outubro de 2026. O custo no modo padrão varia com a tarefa; uma mensagem em Plan Mode custa 1 crédito.

Com os $25 do Pro por 100 créditos, essa landing page sai por cerca de 43 centavos de dólar e a mudança no botão por cerca de 13 centavos. O custo real está nas continuações, porque cada correção depois do primeiro rascunho é mais uma mensagem.

100

créditos mensais no Lovable Pro, a $25

5

créditos de criação grátis por dia, em todos os planos

2

meses até os créditos mensais não usados expirarem

Da página de preços do Lovable e das perguntas frequentes dela, outubro de 2026. Uma mensagem em Plan Mode custa 1 crédito.

No Claude Code, as edições não têm preço por mensagem. Elas contam contra os limites do seu plano do Claude, que você divide com o chat do Claude. Nosso guia de preços do Claude Code explica como esses limites funcionam.

Preços do Bolt e do v0 num relance

O Bolt conta tokens em vez de créditos, e a página de preços dele abre no plano anual:

Página de preços do Bolt mostrando o Free com 1M de tokens por mês, o Pro a $18 por mês no plano anual com 10M de tokens e o Teams a $27 por membro
Preços do plano anual na tela; no mensal, o Pro custa $25 e o Teams $30 por membro. Página de preços do Bolt, outubro de 2026.

O v0 vende créditos em dólares, gastos pela taxa de tokens de cada modelo:

Página de preços do v0 com o plano Free, o Plus a $30 por usuário, o Business a $100 por usuário e o Enterprise
O plano Free do v0 já inclui sincronização com o GitHub e publicação na Vercel. Página de preços do v0, outubro de 2026.

O custo da hospedagem

O Lovable e o Bolt incluem hospedagem nos planos. O Lovable diz que a hospedagem é grátis para a maioria dos apps pequenos ou novos, e só apps com tráfego ou tamanho significativos começam a usar créditos extras. O v0 publica na sua conta da Vercel.

Com o Claude Code você publica onde quiser, e para uma empresa isso pode custar dinheiro. O plano gratuito Hobby da Vercel, por exemplo, é para uso pessoal e não comercial, e o plano Pro custa $20 por mês, segundo a página de preços da Vercel.

Claude Code vs Lovable para sites: qual é melhor?

A maioria das decisões entre Lovable e Claude Code depende de quanto tempo o projeto vai viver. O Lovable é melhor para uma primeira versão rápida que você já pode clicar hoje; o Claude Code é melhor para um site ou app que você vai manter, ampliar e conectar a outras ferramentas por anos.

Quem decide como o código fica

Em um builder, você direciona pelo chat e por edições visuais, e o builder escolhe os padrões. No Claude Code, você pode escrever suas regras em um arquivo CLAUDE.md, escolher qualquer framework e manter o projeto em uma pasta normal no seu computador.

Builders e agentes são duas formas de vibe coding, então têm os mesmos riscos, de falhas de segurança a código que ninguém entende. Nossa análise honesta sobre se o vibe coding é ruim mostra como evitá-los em qualquer um dos caminhos.

Lovable vs Claude Code: design e primeiros rascunhos

Os builders partem de padrões e modelos caprichados, então os primeiros rascunhos já parecem prontos; o Claude Code desenha a partir das suas instruções, então passe para ele as suas cores, fontes e dois ou três sites de que você gosta.

Quem é dono do código

  • Lovable. A página de preços diz que o código é seu. Todos os planos podem sincronizá-lo com o GitHub (GitLab e Bitbucket também funcionam), e os planos pagos também podem baixar o código direto.
  • Bolt. Uma conexão com o GitHub faz backup do projeto e sincroniza os commits nos dois sentidos.
  • v0. Até o plano gratuito inclui sincronização com o GitHub e publica na Vercel.
  • Claude Code. Os arquivos estão no seu computador desde o primeiro minuto.
Sua situaçãoComece em
Você precisa de um protótipo clicável para uma reunião amanhãUm builder
Você não quer lidar com arquivos e pastas de jeito nenhumUm builder
Você quer um site de empresa para manter e fazer crescer por anosClaude Code
Você precisa de lógica sob medida, integrações ou automaçõesClaude Code
O orçamento está apertado, mas você tem tempo para aprenderClaude Code no Pro, ou o plano gratuito de um builder
Seu protótipo está ficando bagunçado ou caroConecte ao Claude Code, ou leve para lá

Como conectar o Lovable ao Claude Code

Há dois jeitos de montar uma integração entre o Lovable e o Claude Code, e nenhum deles exige sair do Lovable.

Caminho 1: edite no Claude Code o repositório sincronizado do GitHub

A sincronização Git do Lovable funciona nos dois sentidos: o Lovable envia as mudanças dele para o GitHub, e os commits que você envia para o branch sincronizado voltam para o Lovable.

  1. Conecte o GitHub. No seu projeto do Lovable, abra Project settings, depois Git, e conecte o GitHub. O Lovable cria um repositório novo; ele não consegue se ligar a um que você já tem.
  2. Clone o repositório. Copie o repositório para o seu computador com o GitHub Desktop, ou com git clone, como mostrado abaixo.
  3. Trabalhe no Claude Code. Abra a pasta, peça as mudanças e deixe o Claude Code fazer os commits.
  4. Envie para o branch sincronizado. Normalmente é o main. O Lovable recebe os commits, e você pode continuar conversando no Lovable depois.
Terminal
git clone https://github.com/YOUR-NAME/YOUR-REPO.git
cd YOUR-REPO
claude

No Windows, rode as mesmas três linhas no PowerShell, com o Git for Windows instalado.

Caminho 2: comande o Lovable pelo Claude Code com o servidor MCP do Lovable

O Lovable também mantém um servidor MCP, então o Claude Code pode criar, editar, ler e publicar projetos do Lovable para você. Se o termo é novo, nosso guia explica o que é um servidor MCP. Este é o comando da documentação do MCP do Lovable:

Terminal
claude mcp add --transport http lovable "https://mcp.lovable.dev"

Nós rodamos o comando com --scope project a mais, o que salva a conexão no arquivo .mcp.json do projeto para que qualquer pessoa que abrir a pasta também a receba:

Terminal mostrando como conectar o Lovable ao Claude Code com claude mcp add e depois o servidor MCP do Lovable aguardando aprovação
A nossa execução real, Claude Code 2.1.303. Um servidor no escopo do projeto fica em "Pending approval" até você iniciar o claude nessa pasta e aprovar.

Na primeira vez que uma ferramenta do Lovable roda, uma janela do navegador pede para você entrar no Lovable. Criar projetos e mandar mensagens para o agente do Lovable gasta créditos normais do Lovable; ler arquivos e publicar, não. Prefere um passo só? Rode /plugin install lovable@claude-plugins-official dentro do Claude Code, que conecta o servidor e adiciona comandos de barra do Lovable.

Como levar um projeto do Lovable para o Claude Code de vez

Do builder para o Claude Code
  1. Sincronize com o GitHub

    Conecte o GitHub no Lovable, no Bolt ou no v0 e envie o projeto

  2. Clone

    Copie o repositório para o seu computador com o GitHub Desktop ou git clone

  3. Revise

    Peça ao Claude Code para explicar o projeto antes de mudar qualquer coisa

  4. Defina regras

    Rode /init para escrever um CLAUDE.md com as regras do projeto

  5. Publique

    Publique na hospedagem que você escolher e configure seus segredos lá

Primeiro confira qual stack você tem. Projetos do Lovable criados a partir de 13 de maio de 2026 usam TanStack Start, que precisa de uma hospedagem que rode código no servidor; projetos mais antigos são React e Vite, que qualquer hospedagem estática consegue servir. O guia do Lovable sobre hospedar fora do Lovable cobre os dois casos, além de como levar o Lovable Cloud para um projeto seu no Supabase.

Depois comece com uma revisão, não com uma edição:

Seu primeiro prompt depois da mudança
Este projeto foi criado no [LOVABLE, BOLT OU V0] e agora está no meu computador. Leia o projeto e me diga: o que ele faz, qual framework usa, como rodar localmente, de quais serviços externos depende (banco de dados, login, e-mail, IA) e quais chaves ou variáveis de ambiente precisa. Não mude nada ainda.

Uma continuação típica fica assim:

  1. Você:

    Como eu rodo isso no meu computador?

  2. Claude Code:

    É um app web que precisa do Node.js. Rode npm install uma vez, depois npm run dev, e abra o endereço local que aparecer. Ele também espera duas chaves em um arquivo .env. Quer que eu crie um modelo com os nomes, mas sem os valores reais?

  3. Você:

    Sim, e adicione o .env ao .gitignore para as chaves nunca irem para o GitHub.

Problemas de sincronização do Lovable com o GitHub e soluções

Estas são as mensagens que o Lovable mostra quando as edições do Claude Code e as do Lovable se chocam. As soluções vêm da documentação de sincronização com o GitHub do Lovable.

O que você vêO que significaSolução
Os seus commits do Claude Code não aparecem no LovableO Lovable sincroniza um único branch, normalmente o mainFaça o merge do seu branch no branch sincronizado, ou troque o branch sincronizado nas configurações de Git do Lovable
GitHub is N commits ahead of LovableO Lovable perdeu o aviso do pushEnvie qualquer commit novo, mesmo vazio: git commit --allow-empty -m "Trigger Lovable sync" e depois git push
Lovable and GitHub have divergedOs dois lados mudaram o branchA próxima sincronização do GitHub substitui a versão do Lovable; o Lovable salva um backup antes, então faça pull antes de dar push
As mudanças do Lovable caem num branch lovable-syncO GitHub recusou o push do Lovable, muitas vezes por causa de um conflitoRevise esse branch no GitHub e faça o merge
Your project contains files that exceed the maximum file size limit (100 MB)O GitHub recusa arquivos com mais de 100 MBApague os arquivos listados e deixe a sincronização tentar de novo

v0 vs Lovable: em qual builder começar

Se você já decidiu por um builder, veja como os três se comparam. Para um leque maior, incluindo Replit e Cursor, veja a nossa seleção das melhores ferramentas de vibe coding, que também aprofunda o Lovable vs Bolt. Se o Cursor está na sua lista, Claude Code vs Cursor compara o Cursor com o caminho do agente.

Lovablev0Bolt
Cota gratuita5 créditos por dia, até 30 por mês$5 em créditos únicos, 7 mensagens por dia1M de tokens por mês, até 300K por dia
Primeiro plano pagoPro, $25 por mês, 100 créditosPlus, $30 por usuário, $30 em créditosPro, $25 por mês, a partir de 10M de tokens
Pagando por uma equipeNão é por assento: os membros dividem os créditosPor usuárioTeams, $30 por membro por mês
HospedagemIncluída, com um backend embutidoA sua conta da VercelIncluída
GitHubSincronização de mão duplaSincronização em todos os planosBackup e sincronização de mão dupla

O Lovable combina com equipes que querem um único conjunto de créditos compartilhado e um backend incluído. O v0 combina com quem já hospeda na Vercel, e o Bolt combina com quem quer uma cota mensal gratuita grande.

Teste rápido0 de 3 corretas

Qual é o primeiro passo mais seguro antes de levar um projeto do Lovable para o Claude Code?

Você enviou commits pelo Claude Code, mas o Lovable não mostra nenhum. Qual é a causa mais provável?

Qual deles cobra por mensagem, com um custo que depende da tarefa?

O que fazer agora

Se você tem uma ideia e nenhum protótipo, crie uma primeira versão no plano gratuito de um builder esta semana e conecte o GitHub no primeiro dia. Se você já tem um protótipo que está ficando bagunçado, clone o projeto e rode o prompt de revisão acima no Claude Code antes de mudar qualquer coisa; é novo nisso? Comece pelo nosso guia para instalar o Claude Code.

Nosso curso Builders cobre planejamento, design, uma landing page e SEO com o Claude Code, e o curso de Claude Code começa pela instalação se você nunca usou a ferramenta.

Kit de transição do builder para o Claude Code

Um modelo de briefing de projeto, um checklist de saída do Lovable, Bolt ou v0 e cinco prompts para o seu primeiro dia no Claude Code.

Digite seu e-mail e a seção completa abre aqui mesmo. Você também ganha uma aula grátis do curso.

Sem spam. Cancele com um clique. Usamos seu e-mail para enviar o curso e dicas de IA.

Perguntas frequentes

O Lovable é grátis?

Sim, com limites. O plano Free dá 5 créditos de criação por dia (até 30 por mês), 20 créditos de Cloud por mês para hospedagem e backend, projetos privados ao workspace e publicação em endereços lovable.app. Para usar o seu próprio domínio, você precisa do Pro, a $25 por mês.

Os créditos do Lovable acumulam?

Em parte. Os planos pagos passam os créditos mensais não usados para o mês seguinte, mas cada lote expira dois meses depois de emitido, os créditos gratuitos diários expiram no fim do dia e os créditos de recarga duram 12 meses. O Lovable diz que os créditos não são reembolsáveis.

Posso usar meu próprio domínio?

Sim. O Lovable inclui domínios próprios a partir do Pro, o Bolt inclui domínio próprio no Pro e o v0 publica na Vercel, onde você conecta seu domínio. Com o Claude Code, você conecta o domínio na hospedagem que escolher para publicar.

Existe desconto para estudantes?

O Lovable oferece a estudantes verificados até 50% de desconto no plano Pro. Os descontos mudam, então confira o site de cada ferramenta antes de assinar.

O Lovable consegue criar um backend com banco de dados e login?

Sim. O Lovable Cloud, o backend embutido dele, adiciona banco de dados, login de usuários, armazenamento de arquivos e recursos de IA sem uma conta separada. Se o projeto crescer além dele, a documentação do Lovable mostra como levar os dados para um projeto seu no Supabase.

Preciso saber Git para levar um projeto para o Claude Code?

Na prática, não. O builder envia seu código para o GitHub por você, o GitHub Desktop baixa o repositório com poucos cliques e o Claude Code roda os comandos Git para você quando você pede.

Continue lendo