Quickstart

An overview of v0's features and workflows

Welcome to v0! This guide will walk you through v0's main features and workflows.

  1. Visit v0.app and sign in
  2. Start a new chat or create a project
  3. Describe your idea in natural language
  4. Review the generated app and iterate as needed

Prompt: Describe your idea

Start by describing what you want to build in your preferred language. v0 will generate a working application based on your description.

Try these simple prompts to get started:

  • "A todo app with add, edit, and delete functionality"
  • "A landing page for a SaaS product with hero section and pricing"
  • "A dashboard showing user analytics with charts"
  • "A contact form that sends emails"

Learn more about text prompting

Iterate: Refine your application

Once v0 generates your initial application, you can iterate and improve it through conversation.

Edit the Code

  1. Switch to Code view by selecting the Code tab in the preview toolbar
  2. Make direct edits to the generated code
  3. Ask for changes in natural language: "Add a search bar to the product list"

Learn more about code editing

Design Mode

  1. Open Design mode by selecting the Design tab in the preview toolbar
  2. Select elements in the preview to tweak their styles visually or with natural-language instructions
  3. Click Apply to commit your edits back to your source code as a new chat version

Learn more about design mode

Integrate: Connect external services

Add real functionality to your application by integrating with databases, APIs, and external services.

Open Project menu ... → Settings → Integrations to install integrations, or prompt v0 directly: "Connect a database to my app".

Databases

Install database integrations from Project menu ... → Settings → Integrations:

  • Neon - Serverless PostgreSQL
  • Supabase - PostgreSQL with auth and realtime
  • Upstash for Redis - Serverless Redis
  • Blob - File storage

Learn more about database integrations

AI Models

v0 includes Vercel AI Gateway integration, which automatically configures your API key using your Vercel account. This gives you access to hundreds of AI models through a single endpoint.

Install AI providers from Project menu ... → Settings → Integrations with one click:

  • Grok - xAI models
  • fal - Image generation
  • Deep Infra - Open source models

You can also use other third-party providers like OpenAI or Anthropic by prompting v0 and adding your API keys in Vars.

Learn more about AI integrations

Payments

Add payment processing to your application:

  • Stripe - Accept payments and manage subscriptions

External APIs

  1. Describe the integration: "Connect to Twilio for SMS notifications"
  2. v0 will generate the necessary API calls and error handling
  3. The integration wizard will prompt you to add your API keys after generation
  4. To edit or add keys manually, open Project menu ... → Settings → Environment Variables.

Learn more about API integrations

Ship: Publish to production

Publish your application with Vercel from the Publish control in the chat header.

On the first publish:

  1. Select Publish.
  2. Confirm the Vercel project name if v0 needs to create one.
  3. Choose the deployment visibility and domain.
  4. If Commerce mode appears, review any unclaimed Stripe test sandbox or Shopify development store.
  5. Select Publish and wait for the production deployment.

After more changes, open Publish and select Publish Changes to update the same production URL. If the project is connected to GitHub, v0 creates or reuses a pull request, merges it into the base branch, and deploys the result while respecting repository rules.

Learn more about deployments

Add a custom domain

Add a custom domain directly from v0:

  • On first publish: Select a domain in the Domains step
  • From Settings: Click Project menu ... → Settings → Domains

Customize your default domain (your-domain.vercel.app) or connect a custom domain. You can also purchase domains via Vercel Domains.

Learn more about custom domains

Management and collaboration

Manage your projects and collaborate with your team.

Project Settings

Use Project menu ... → Settings to manage your project:

  • Vercel Project - View your connected Vercel project and manage the visibility of Production deployments.
  • Integrations - Connect and manage your project's integrations.
  • Environment Variables - Manage your environment variables from Vercel.
  • GitHub - Create a GitHub repository for your project.
  • Template - Publish your project as a template.
  • Domains - Manage your project's domains.
  • Analytics - Enable Vercel analytics for project traffic insights.

Note that project settings are shared between all chats under the same project.

Learn more about projects

Team collaboration

Use the Invite button in the chat header to open collaboration settings where you can:

  • Invite individual team members.
  • Manage team members' view and edit permissions.
  • Share your chat with your team or anyone else.

Learn more about teams

Learn more about pricing

Next steps

Now that you understand the basics, try building a simple app or explore the community templates.

Need help?

Ready to start building?

PreviousVercel IntegrationNextFAQs