Quickstart
An overview of v0's features and workflows
Welcome to v0! This guide will walk you through v0's main features and workflows.
- Visit v0.app and sign in
- Start a new chat or create a project
- Describe your idea in natural language
- 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
- Switch to Code view by clicking the "Code" tab
- Make direct edits to the generated code
- Ask for changes in natural language: "Add a search bar to the product list"
Learn more about code editing
Design Mode
- Switch to Design mode to visually edit your UI
- Select elements to modify their styles
- Preview changes in real-time
Learn more about design mode
Integrate: Connect external services
Add real functionality to your application by integrating with databases, APIs, and external services.
Databases
- Go to Project Settings → Integrations or prompt v0 to connect a database
- Choose your database: PostgreSQL, MySQL, etc.
Learn more about database integrations
AI Models
- Connect AI providers: OpenAI, Anthropic, etc.
- Add AI features to your application: "Add a chat interface that uses GPT-4"
Learn more about AI integrations
External APIs
- Add API keys as environment variables to your project
- Describe the integration: "Connect to Stripe for payment processing"
- v0 will generate the necessary API calls and error handling
Learn more about API integrations
Ship: Deploy to production
Deploy your application to the web with one click using Vercel's enterprise-grade infrastructure.
- Click "Share" in the chat interface, and then press Deploy from the Publish tab
- Wait for deployment: usually 30-60 seconds
- Get your live URL - your app is now accessible worldwide
- Make changes to your code or chat with v0
- Click "Deploy Changes" to update production
Learn more about deployments
Add a custom domain
Add a custom domain in Project Settings or manage your domains on the Vercel Dashboard.
Learn more about custom domains
Manage: Organize and collaborate
Organize your work into projects, manage your account, and collaborate with your team.
Projects
- Set custom instructions for consistent AI behavior
- Share projects with team members
Edit your project settings:
- Integrations: Connect databases and AI models.
- Environment Variables: Store API keys and secrets securely
- Knowledge: Add custom instructions and upload files for AI context
- Community: Share your projects with the v0 community
Learn more about projects
Team collaboration
- Invite team members via email
- Set permissions: viewer, member, admin, etc.
- Track usage and manage credits
Learn more about teams
Learn more about billing
Embed: Use v0 everywhere
Use v0 in your existing development workflow.
Or, use the v0 Model API in your own tools.
Next steps
Now that you understand the basics, try building a simple app or explore the community examples.
Need help?
- Community Forum: Ask questions in the community forum
- Vercel Support: Contact support at vercel.com/help
Ready to start building?