How To Use V0 By Vercel
📖 Bu rehber ToolPazar ekibi tarafından hazırlanmıştır. Tüm araçlarımız ücretsiz ve reklamsızdır.
What it is
v0 by Vercel turns natural-language prompts into production-ready React components using shadcn/ui and Tailwind CSS.
Install
v0 is Vercel’s generative UI tool. You describe a screen in plain English — or paste a Figma frame, a screenshot, or a rough sketch — and it returns a working React component using shadcn/ui primitives and Tailwind classes. It is optimized for Next.js App Router output, so generated code drops into a real project with minimal cleanup. Iteration is chat-based: you refine the output by replying with corrections rather than editing a prompt from scratch.
First run
v0 is a hosted web app built on top of Vercel’s own model (v0-1.5-md) with fallbacks to frontier models for heavier reasoning. The generated code uses TypeScript, React Server Components when sensible, and the shadcn/ui component library under the MIT license. Maintainer: Vercel. It is paid beyond a small free tier, billed by message credits.
Everyday workflows
There is nothing to install locally — v0 lives at v0.dev. To pull generated components into a project:
Gotchas and tips
Open v0.dev, sign in with your Vercel account, and type a prompt such as “pricing page with three tiers”.
Who it’s for
v0 often imports components you have not installed yet. Run the shadcn add command it suggests before hitting save, or the build will break on missing primitives. Generated server components sometimes call client-only hooks — double-check that “use client” lives at the top of interactive files.