guias
Ferramentas IA

Deploy com v0

Como fazer deploy de componentes e apps gerados pelo v0 na Veloz.

O v0 da Vercel gera componentes React e páginas inteiras com IA. Veja como transformar isso em um app completo na Veloz.

O fluxo

v0.dev (gerar UI) → criar projeto → veloz deploy → app no ar

1. Gerar no v0

Acesse v0.dev e descreva o que quer:

Uma landing page moderna com hero section, pricing table com 3 planos,
FAQ accordion, e footer. Tema escuro, detalhes em laranja.

O v0 gera o código React com Tailwind CSS.

2. Criar o projeto

Opção A: Next.js (recomendado)

npx create-next-app@latest meu-site
cd meu-site

Copie os componentes gerados pelo v0 para app/page.tsx ou components/.

O v0 geralmente exporta componentes que usam shadcn/ui. Instale as dependências:

npx shadcn@latest init
npx shadcn@latest add button card accordion

Opção B: Vite + React

npm create vite@latest meu-site -- --template react-ts
cd meu-site
npm install

Cole os componentes do v0 e instale as dependências necessárias.

3. Deploy

npm install -g onveloz
veloz login
veloz deploy
✓ Build concluído
✓ https://meu-site.onveloz.com

Usando o CLI do v0

O v0 também tem um comando npx para adicionar componentes diretamente:

npx v0 add [url-do-componente]

Isso adiciona o componente ao seu projeto local. Depois é só deployar:

veloz deploy

Iteração rápida

  1. Gere ou edite no v0
  2. Copie o código atualizado
  3. veloz deploy

Ou use o v0 CLI + deploy automático via GitHub para um fluxo zero-friction.

Por que Veloz ao invés do Vercel?

O v0 é da Vercel, mas deployar na Veloz tem vantagens:

  • Servidores no Brasil — Latência 10x menor para usuários brasileiros
  • Mesmo resultado — Next.js roda identicamente em ambos
  • CLI em português — Experiência nativa para brasileiros
  • Preço competitivo — Sem surpresas de cobrança por function invocation

Próximos passos