Back/Engineering/v0/GitHub Copilot
IntermediateEngineeringv0GitHub Copilot

Build and Ship Production Features Using a Git-Based AI Workflow with v0

Learn how to use Vercel's v0 to add new features to a live application. This workflow covers branching, prompting, iterating, and creating a pull request, all within the v0 interface, streamlining the entire development process from idea to production.

From How I AI

How I AI: Guillermo Rauch (Vercel CEO) on how to vibe code to production with v0

with Claire Vo

Build and Ship Production Features Using a Git-Based AI Workflow with v0

Tools Used

v0

Vercel AI UI generator

GitHub Copilot

AI pair programmer

Step-by-Step Guide

1

Create a Branch in v0

Start by creating a new Git branch directly from the v0 interface for your project. v0 will spin up a complete development environment for you, including a code editor and live preview, eliminating local setup issues.

2

Prompt for a New Feature

Write a detailed, production-minded prompt to generate the new feature. Include context about the existing application, style guides, and potential constraints like security or performance.

Prompt:
Let's add a five star based rating system for the skills. uh, put it on the sidebar. be mindful that, uh, we should rate limit or prevent abuse on the scores that we receive... and make it make sense within the style of this skills website.
3

Iterate with Follow-up Prompts

Review the generated feature in the live preview and use simple, natural language follow-up prompts to fix small bugs or polish the UI. Address issues like layout shifts or incorrect styling without touching the code directly.

Prompt:
Hey, when we don't have data, make sure there's no layout shift
4

Generate a Pull Request on GitHub

Once the feature is complete, click the 'Create Pull Request' button in v0. The AI will automatically push the code to a new branch on GitHub and generate a detailed PR description explaining all the changes it made.

5

Review with a Live Preview Deployment

Use the automatic preview deployment URL generated by Vercel in the pull request to allow your entire team (PMs, designers, etc.) to test the new feature in a high-fidelity, production-like environment before merging.

Become a 10x PM.
For just $15 / month.

We've made ChatPRD affordable so everyone from engineers to founders to Chief Product Officers can benefit from an AI PM.

Build and Ship Production Features Using a Git-Based AI Workflow with v0 | AI Workflows