Vercel Logo

v0 Foundations

Build, customize, and ship a real website with v0. No code required.

There used to be two ways to put a website on the internet. You learned to code, or you found someone who knew how to code. Both options came with months of prerequisites before anyone could see what you'd actually built.

v0 collapses that into a sentence. You describe what you want. v0 builds it.

Across the next seven videos, we'll take that idea further than "describe a homepage." We'll launch a working plant shop called Green Thumb Goods, hook up a real database, send ourselves emails when customers reach out, point a custom domain at it, and back the whole thing up to GitHub. All in under 20 minutes.

Step 1: Sign in

Head to v0.app/chat and sign in. Google or GitHub works.

After you sign in, you land on the prompt screen. This is where the work happens. One big text box, the same one we'll use to describe everything we want.

Step 2: Write your first prompt

Here's the prompt from the video, ready to copy:

Create a website for a plant store called Green Thumb Goods.
It should have a heading, an about section, a store inventory section,
and a contact. It also should have a green color scheme.

Hit the up arrow. v0 thinks for a moment, narrates what it's doing on the left, and renders the result on the right.

Step 3: View in new tab

Find the Open in new tab button at the top of the preview. That pops the site into its own browser tab so you can see it the way a visitor would.

Looking pretty good? Good. We're going to make it look better.

Your site will look different from mine

v0 generates a fresh design each time, even from the same prompt. Your hero might use a different layout, a different image, a different shade of green. That's expected. The important thing is that the site has the four sections we asked for.

What's coming up

  • Customize with Prompts: refine the site by talking to it
  • Screenshots and Versions: upload images (and ugly drawings) to guide the layout
  • Publish to a Domain: get it on the internet with a real URL
  • Add a Supabase Database: make the contact form actually save messages
  • Email with Resend: get notified when customers reach out
  • GitHub and Next Steps: back it up and explore where to go from here
  • v0 Vibecoding Guide: a cheat sheet for your next project

The site we have now is the starting point. By the end, it'll be a real, working business website.