v0.dev
Vercel · Programação
O v0.dev, agora em v0.app, é um criador de apps com IA da Vercel. Você descreve uma interface em texto e recebe código React e Next.js funcional para editar, publicar ou implantar.
Sobre v0.dev
About
O que é o v0.dev
O v0.dev, que muita gente chama de v0 da Vercel, é o criador de apps com IA da Vercel para transformar um texto em uma interface web que funciona. Você descreve o aplicativo que quer no idioma que preferir, e o motor de texto para código escreve código React de verdade sobre Tailwind CSS e shadcn/ui, com uma prévia ao vivo ao lado. Ele atua ao mesmo tempo como gerador de código com IA e como gerador de código React. Começou como gerador de interfaces e hoje é um criador full-stack que conecta bancos de dados, APIs e pagamentos antes de implantar na Vercel.
O problema que ele ataca é a distância entre uma ideia e a primeira versão que roda. Em vez de escrever código de base, ligar componentes e montar o projeto, você parte do código que o modelo já gerou e o ajusta conversando. Como o resultado mira a stack de React moderna que a Vercel mantém, ele encaixa no fluxo de implantação da mesma empresa, e o caminho do texto até a URL pública fica curto.
O teto está na complexidade. O v0 resolve bem sites, painéis, landing pages e apps de IA, mas a IA tende a padrões limpos e padrão. Uma equipe que precisa de arquitetura incomum ou muita lógica de back-end continua escrevendo bastante à mão.
Como começar
- Acesse v0.app, entre com uma conta da Vercel e abra um chat novo ou crie um projeto.
- Descreva o que quer construir em uma ou duas frases. O texto pode estar no seu próprio idioma.
- Revise o aplicativo gerado na prévia e vá para a aba Code para ler o código de React e Tailwind.
- Ajuste conversando: peça uma barra de busca, conecte um banco de dados ou abra o modo Design para mexer nos estilos de forma visual.
- Publique com um clique. O v0 cria um projeto na Vercel, implanta em produção ou abre um pull request se o repositório estiver ligado ao GitHub.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de v0.dev.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Desenvolvedores front-end e engenheiros
- Designers que trabalham com mockups
- Product managers e fundadores validando uma ideia
Tarefas
- Converter um wireframe ou print em código
- Montar um app full-stack
- Construir interfaces de chat com IA
- Iterar sobre textos e layout
Cenários
- Publicar uma página de produto ou um site de conversão com prazo apertado
- Prototipar antes de uma revisão com stakeholders
- Testar uma ideia de SaaS com pouco orçamento
Principais recursos
Geração de código a partir de texto
O recurso central transforma um texto em um aplicativo web completo. Você descreve o layout, as seções e o comportamento, e o v0 escreve componentes de React com estilos de Tailwind CSS nos bastidores. Os textos funcionam em qualquer idioma, então você pode escrever naquele em que pensa. O código foi feito para ser lido e editado, não apenas visto.
De print e Figma para a interface
Você pode enviar um print ou um arquivo de design e o v0 reproduz a interface como código funcional. Isso mira a passagem de bastão, aquela etapa em que o mockup do designer costuma ser refeito do zero. A marcação gerada fica perto o bastante para ajustar em vez de recomeçar.
Integrações full-stack
O v0 se conecta a serviços de verdade em vez de parar no front end. No menu de integrações você instala Neon ou Supabase para bancos de dados, Upstash para Redis e Blob para guardar arquivos. Também dá para somar Stripe para cobranças e ligar APIs externas descrevendo a chamada e adicionando suas chaves como variáveis de ambiente.
AI Gateway integrado
O criador inclui o AI Gateway da Vercel, que configura sua chave de API com a sua conta da Vercel e dá acesso a centenas de modelos por um único endpoint. Você instala provedores como Grok, fal e Deep Infra com um clique, ou traz suas próprias chaves da OpenAI e da Anthropic. Isso faz do v0 um caminho prático para construir apps de chat e de agentes com IA.
Modo Design
O modo Design deixa você selecionar um elemento na prévia e ajustar os estilos de forma visual ou com uma instrução curta. Você clica em Apply e a mudança volta para o código-fonte como uma nova versão do chat. Isso dá a quem não escreve código uma forma de afinar espaçamento, cor e layout sem tocar na marcação.
Publicação com um clique e fluxo com GitHub
A publicação passa pela Vercel. Na primeira vez você confirma o nome do projeto, escolhe o domínio e entra no ar. As mudanças seguintes vão para a mesma URL e, se o projeto estiver ligado ao GitHub, o v0 abre ou reaproveita um pull request e faz o merge respeitando as regras do repositório. Domínios próprios e análises ficam nas configurações do projeto.
Prós e contras
Prós
- O código gerado segue as convenções de React, Tailwind e shadcn/ui, então encaixa em projetos reais em vez de ficar em um ambiente isolado.
- A entrada por print e Figma transforma um design em interface funcional, o que elimina a parte mais lenta da passagem de bastão no front end.
- As integrações de bancos de dados, pagamentos e AI Gateway deixam você construir um app full-stack sem ligar serviços à mão.
- A publicação com um clique na Vercel e o fluxo de pull request com o GitHub encurtam o caminho do texto até a produção.
- O modo Design dá a quem não programa uma forma de mudar a aparência sem editar arquivos-fonte.
Contras
- O plano Free limita o uso a poucas mensagens por dia e a um saldo de créditos modesto, então trabalhar todo dia exige um plano pago. Os planos pagos começam em $20 por usuário ao mês.
- A IA pende para padrões limpos e padrão, então uma arquitetura incomum ou muita lógica de back-end ainda pede trabalho manual.
- Boa parte do valor presume que você implanta na Vercel e usa as integrações dela, o que pesa se a sua equipe roda em outra plataforma.
Perguntas frequentes
O v0.dev é o criador de apps com IA da Vercel. Você descreve um aplicativo em texto e ele gera código React e Next.js funcional, mostra uma prévia ao vivo e deixa você publicar na Vercel. O produto vive agora em v0.app, e o endereço v0.dev leva até lá.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a v0.dev.
Alternativas a v0.dev
Forefront
Forefront · ProgramaçãoO Forefront é uma plataforma web para construir com IA de código aberto. Você ajusta os principais modelos de linguagem de código aberto com seus próprios dados, avalia o desempenho deles e os roda por uma API ou os exporta para hospedar por conta própria. Desenvolvedores que querem a conveniência de uma plataforma fechada, mas fazem questão de ser donos dos modelos e dos dados, são o público-alvo aqui.
Startkit
StartKit.AI · ProgramaçãoStartkit é um boilerplate para criar produtos de SaaS com IA e wrappers de IA. Pense nele como um boilerplate para startups de IA com as partes chatas já conectadas: autenticação, pagamentos com Stripe e Lemon Squeezy, limites de uso, e-mail transacional e um kit inicial de API de IA que conversa com OpenAI, Anthropic, Groq ou Llama. Você clona o repositório, define seu preço e começa pela parte do produto que as pessoas realmente pagam. Ele é feito em Next.js sobre React e Tailwind, então boa parte do código boilerplate já parece familiar.
Testim
Tricentis · ProgramaçãoO Testim é uma plataforma de automação de testes com IA para criar e executar testes de ponta a ponta em aplicações web, mobile e Salesforce. Ele se apoia no aprendizado de máquina para manter os testes estáveis quando uma interface muda, então as equipes gastam menos tempo consertando seletores quebrados. Nada mal para uma ferramenta de testes automatizados que você pode começar a usar hoje. Você cria testes gravando ações no navegador e depois adiciona JavaScript quando precisa de mais controle. É uma escolha sólida para equipes de QA ocupadas.