Bolt.newはStackBlitzが開発したブラウザベースのAI開発環境です。プロンプトを入力するだけでReact・Vue・Node.jsなどのフルスタックアプリを生成し、そのままブラウザ上で実行・編集・デプロイまで完結できます。ローカル環境のセットアップが一切不要な点が最大の特徴です。

Bolt.newの特徴

  • インストール不要: ブラウザだけで開発環境が立ち上がる（StackBlitz WebContainers技術）
  • 幅広い技術スタック: React・Vue・Svelte・Astro・Node.js・Pythonに対応
  • ワンクリックデプロイ: Netlify・Vercelへ直接デプロイ可能
  • GitHubエクスポート: 生成したコードをリポジトリにプッシュ可能
  • npm パッケージ対応: ブラウザ内でnpm installが動く

料金プラン

プラン料金トークン数
Free$0150,000トークン/日
Pro$20/月10,000,000トークン/月
Teams$30/月/人チーム共有クレジット

始め方

  1. bolt.new にアクセス
  2. GitHubアカウントでサインイン（推奨）またはメール登録
  3. 画面中央のテキストボックスに作りたいアプリの説明を入力
  4. AIが数十秒でコードを生成し、右側にプレビューが表示される

最初のアプリを作ってみよう

以下のようなプロンプトから試してみましょう：

ReactとTailwindCSSで、シンプルなToDoアプリを作って。
タスクの追加・削除・完了チェックができて、
完了タスクは取り消し線で表示する。

生成後はコードエディタが開き、直接編集することも可能です。「このボタンの色を変えて」「フォームにバリデーションを追加して」と追加の指示を出すこともできます。

Netlifyへデプロイする

  1. 右上の「Deploy」ボタンをクリック
  2. 「Netlify」を選択してNetlifyアカウントでログイン
  3. 自動でビルド・デプロイが実行され、URLが発行される

Vercelへのデプロイも同様の手順で可能です。

GitHubへエクスポートする

  1. 右上メニューから「Export to GitHub」を選択
  2. リポジトリ名を入力して確認
  3. 自分のGitHubアカウントにリポジトリが作成される

エクスポート後はVSCodeなどで開いてローカル開発に移行できます。

Bolt.new・Lovable・v0 詳細比較

項目Bolt.newLovablev0
得意な用途幅広いWebアプリ・プロトタイプフルスタックSaaSアプリUIコンポーネント生成
技術スタックReact/Vue/Svelte/Node.js等React + TypeScript + Supabase固定Next.js + shadcn/ui固定
バックエンド✅ ブラウザ内で動作✅ Supabase自動連携❌（フロントのみ）
ブラウザ内実行✅（WebContainers）❌（プレビューのみ）❌（プレビューのみ）
デプロイ✅ Netlify/Vercel✅ 自動デプロイ✅ Vercel連携
無料プラン150kトークン/日5メッセージ/日200クレジット/月
有料プラン最安値$20/月$25/月$20/月

Lovable・v0との違い

  • Bolt.new: 技術スタックの選択肢が最も広い。バックエンドもブラウザ内で動かせる
  • Lovable: Supabaseとの統合が強く、フルスタックSaaSに向いている
  • v0: Next.js+shadcn/uiのUIコンポーネント生成に特化。Vercel連携が最強

まとめ

Bolt.newは「環境構築なしにとにかく動くものを作りたい」という用途に最適です。無料プランで1日150kトークン使えるので、まずは試してみましょう。バイブコーディングツール比較記事やコード生成AI比較表もあわせてご覧ください。

Bolt.newの2026年最新アップデート

2026年にかけてBolt.newはいくつかの重要なアップデートを実施しています。

  • マルチファイル編集の強化：複数ファイルにまたがる変更を1回の指示で実行できる精度が向上
  • Supabaseとの直接統合：データベース・認証機能をGUIから設定できるSupabase連携が追加
  • デバッグ機能の向上：エラー発生時にAIが自動で原因を分析して修正提案を行う機能が強化
  • Claude 3.7 Sonnet対応：高精度なコード生成モデルとして選択可能に