Start here: your first generation
Goal. Create a v0 account and turn one sentence into a live, previewable React app.
Create a landing page for a campus plant shop: a hero with a heading and tagline, an 'about' section, a grid of 6 plants with names and prices, and a contact form. Use a fresh green colour scheme and lots of whitespace.
Open v0.app, sign in, and type your idea into the prompt box on the home screen — in any language you like.
- 1Go to v0.app and sign in with a Vercel account (Google/GitHub works; the free plan needs no credit card).
- 2Paste the prompt above and send it. v0 generates the app and shows a live preview alongside the Code and Design tabs.
- 3Toggle the mobile preview to check the responsive layout. Previews run a real build of your app, so what you see matches production.
You'll see. A working multi-section landing page rendering live in the preview, with the React + Next.js code beside it — all from one prompt.
Cost. Free plan = $5 of monthly credits and 7 messages/day, metered by tokens per generation. A page like this is a few cents — plan your prompts rather than spraying them.
Takeaway. v0 turns plain English into real, owned React/Next.js code with an instant, production-accurate preview.