結論:v0 は「Next.js + Tailwind を書ける/書きたい人」の生産性を 2-3倍 にする
v0 by Vercel は、テキストで「こんなUIが欲しい」と指示すると、Next.js + Tailwind + shadcn/ui ベースの本番品質コードを生成してくれる、Vercel公式のAI UIビルダーです。
最大の特徴は Vercelエコシステムとの完全統合。生成したコンポーネントは1クリックでVercelにデプロイでき、git pull で手元のNext.jsプロジェクトに取り込めます。
「Bolt / Lovable がノーコード寄り」なら、v0 は『Reactを多少読める人向け』のVibe Codingツール という棲み分けです。
目次
- 料金プラン(2026年最新)
- 無料枠でどこまでできる?
- 何ができて、何ができないか
- 使い方の流れ(プロジェクト作成→デプロイ)
- Lovable / Bolt との違い
- どんな人におすすめ
- 個人開発者の損益分岐点
料金プラン(2026年最新)
公式 v0.app/pricing より:
| プラン | 月額 | 含まれるクレジット | 主な制限 |
|---|---|---|---|
| Free | $0 | $5/月 のクレジット | 1日7メッセージまで |
| Team | $30/ユーザー | $30/月 + ログインボーナス $2/日 | チーム共同編集、課金統合 |
| Business | $100/ユーザー | $30/月 + ログインボーナス $2/日 | データをモデル学習に使わない |
| Enterprise | 個別見積 | カスタム | SAML SSO、SLA、優先サポート |
ポイントは 「Free プランは試用版に近い」 ということ。1日7メッセージで本気のプロダクト開発は厳しく、本格利用なら Team $30/月が現実ラインです。
なお、モデルは Mini / Pro / Max / Max Fast の4種類があり、入力・キャッシュ・出力それぞれにトークン単価($1〜$150/100万トークン)が設定されています。Max Fast を多用すると思ったよりクレジットを食う点は要注意です。
無料枠でどこまでできる?
実測ベースの目安:
- ランディングページ 1枚作成:3-5メッセージで完成(=Free でも1日に1ページ作れる)
- 管理画面 1セット:10-15メッセージ必要(Free 2日分)
- SaaSアプリのMVP:30-50メッセージ(Free 5-7日分)
つまり「お試しなら無料、月に何か作るなら Team プランが必要」というのが現実です。
何ができて、何ができないか
できること
- Next.js + Tailwind + shadcn/ui のコード生成
- Vercelへの1クリックデプロイ
- 既存のNext.jsプロジェクトへのコンポーネント取り込み(git)
- Design Mode(ピクセル単位の調整)
- GitHub Sync
- レスポンシブUI
できないこと、不向きなこと
- バックエンドAPI設計(フロント生成特化)
- 日本語UI/ドキュメント(英語前提)
- React以外のフレームワーク(Vue/Svelte未対応)
- デザインシステムの大幅カスタマイズ(shadcn/uiベースで固まる)
つまり、v0 は「Next.js + Tailwind + shadcn/ui のスタックで作る人」のためのツール であり、Vue や別CSS フレームワークを使いたい人には合いません。
使い方の流れ
1. プロンプト入力
「ダッシュボードのレイアウト。
左サイドバーにナビ(ホーム/分析/設定)、
中央にカード形式のKPI表示3つ、
下にユーザー一覧テーブル」
2. プレビュー&反復
- 数秒〜10秒で初版を生成
- 「サイドバーをダークモード対応に」「テーブルにソート機能を」などフォローアップ可能
- 同一スレッド内なら追加クレジット消費は少なめ
3. デプロイ
- 「Publish」ボタンで即Vercelにデプロイ
- URLが発行される(
xxxx.vercel.app)
4. プロジェクト取り込み
- 「Open in v0」または
npx shadcn add形式でローカルにコードを取得 - 自分のNext.jsプロジェクトにマージ
Lovable / Bolt との違い
| 軸 | v0 | Lovable | Bolt.new |
|---|---|---|---|
| 想定ユーザー | Reactエンジニア+デザイン苦手な開発者 | 非エンジニア(ノーコード寄り) | 非エンジニア+エンジニア |
| 出力技術 | Next.js + Tailwind + shadcn/ui | React + Supabase | Vite/Next.js + 各種 |
| ホスティング統合 | Vercel ◎ | 自前 or Supabase | Stackblitz+外部 |
| 認証/DB組込 | 自分で繋ぐ | Supabase標準 | 自分で繋ぐ |
| 月額(個人想定) | $30〜 | $25〜 | $20〜 |
| 日本語UI | ✕ | ✕ | ✕ |
棲み分けの結論:
- 「Next.js プロジェクトのUIだけ高速化したい」→ v0
- 「ノーコードで認証つきSaaSを作りたい」→ Lovable
- 「環境構築すらしたくない、ブラウザ完結で試したい」→ Bolt
どんな人におすすめ
向いている人
- Next.js / Tailwind を既に書いている個人開発者
- Vercel でホスティングしている(or したい)人
- UIを書くのが面倒、コアロジックに集中したい人
- shadcn/ui のコンポーネント設計を気に入っている人
向いていない人
- React以外のフロントエンドを使いたい人
- バックエンド込みの自動生成を期待する人
- 日本語UIが必須の人(英語前提)
- 月$30が予算オーバーの人(無料枠は1日7メッセージ)
個人開発者の損益分岐点
副業 or 本業として v0 Team $30/月を払う場合:
- アフィリ報酬(推定):v0 は紹介プログラムあり(Vercel Affiliate 詳細は公式参照)
- 自分のSaaS立ち上げ:UI制作工数が月20-40時間削減できれば、時給1500円換算で月3-6万円の価値
- フリーランス案件:「v0 を使えるフロントエンド」として案件単価が上がる可能性
つまり 月$30(≈4,500円)の元を取るには、月に1案件 or 1個人プロダクトのUIを高速化できれば即ペイ という計算です。
まとめ
v0 by Vercel は、「Next.js + Tailwind を多少書ける個人開発者の生産性を倍にするツール」 です。
完全な初心者には Lovable / Bolt のほうが優しく、エンタープライズ用途では別の選択肢もありますが、個人開発者の「コアロジックに集中する」体験を最大化するならv0は現時点で最強候補 です。
関連記事(執筆予定)
- v0 vs Lovable vs Bolt:UI生成AI どれが個人開発者向き?
- v0 で 1週間で SaaS を作って公開した記録(実体験)
- Cursor vs Claude Code vs Cline:AIコーディング3強 徹底比較
参考
- 公式:v0.app
- 料金:v0.app/pricing