TL;DR、2026年にAI構築アプリに適したホストは、それを何で構築したかに依存します。Lovableアプリはデフォルトでは Lovable のホスティング(内部的に Fly.io インフラ)に$25/月以上でデプロイされます。GitHub にエクスポートすれば、どこにでも移動できます。v0 は Next.js コンポーネントを生成し、Vercel($20/月/ユーザー)に最もクリーンにデプロイされます。Bolt.new のアーティファクトは最初ブラウザ内の WebContainers に、その後 StackBlitz ホスティングに配信されます。本番バージョンには通常、Vercel または Netlify が必要です。その他はすべて、Astro、SvelteKit、バニラ Jamstack から選びます。チームが既に使っているものに基づいて選択してください:Next.js チームなら Vercel、コスト・エッジネットワーク価値なら Cloudflare Pages、Jamstack の純粋性なら Netlify。正直な損益分岐点:Cloudflare Pages の無料枠は個人プロジェクトの80%以上をカバー、Vercel Pro は 100k+ MAU で価値が出始め、Netlify は最安とは限りませんが間違いの選択肢となることはめったにありません。Next.js components that deploy cleanest on Vercel ($20/mo per user). Bolt.new artifacts ship to WebContainers in-browser first and StackBlitz hosting after; you usually still want Vercel or Netlify for the production version. For everything else, Astro, SvelteKit, vanilla Jamstack, pick by what your team already uses: Vercel for Next.js teams, Cloudflare Pages for cost-and-edge-network value, Netlify for Jamstack purism. The honest break-even: Cloudflare Pages' free tier covers more than 80% of personal projects; Vercel Pro starts to matter at 100k+ MAU; Netlify is rarely the cheapest but is rarely the wrong call.
重要なポイント:AI で構築されたアプリケーションは、ビルダーのデフォルトホスティングに留まるのではなく、実際のホストにエクスポートしてデプロイするのが最適です。使いやすさなら Vercel、大規模運用でのコスト削減なら Cloudflare、フレームワークの幅広い対応なら Netlify を選びましょう。AI-built apps deploy best exported to a real host: Vercel for ease, Cloudflare for cost at scale, Netlify for framework breadth, rather than staying on builder-default hosting.
スペックレベルでの正直な比較
- 無料枠の帯域幅:Vercel 100GB/月(Hobby)、Netlify 100GB/月(Free)、Cloudflare Pages 無料で帯域幅無制限
- 有料枠の下限:Vercel Pro $20/ユーザー/月、Netlify Pro $19/ユーザー/月、Cloudflare Pages $5/月(Workers 有料枠)
- エッジリージョン:Vercel 18+ リージョン、Netlify 約 30 エッジノード、Cloudflare 330+ PoP(この差は実在する)
- ビルド分数(無料):Vercel 6000/月(Hobby)、Netlify 300/月(Free、厳密)、Cloudflare 500/月 Free
- Functions / サーバーレス: Vercel Edge + Node runtime、Netlify Functions (Node + Edge)、Cloudflare Workers (V8 isolates)
- Cold start: Vercel ~200-500ms (Node)、Netlify ~500-1000ms (Node)、Cloudflare Workers ~5ms
- 最高のISR/オンデマンド再検証:Vercel が 18~24ヶ月先行、フレームワーク統合レベルで他の追随者なし
- 画像最適化: Vercel 組み込み (無料枠を超えると別料金)、Netlify 組み込み、Cloudflare は Workers + Cloudflare Images アドオン経由
- PR ごとのプレビュー デプロイ: 3 つすべて同一
- エグレス手数料:Vercel、無料枠以上であり、Netlify、有料枠以上であり、Cloudflare、なし。Cloudflare は Workers と R2 でゼロエグレス手数料
Lovable アプリ向けホスティング
デフォルトパス: Lovable 自体のホスティング
Lovable.dev はデフォルトで独自のホスティング基盤 (内部的には Fly.io) にアプリをデプロイする。2026 年の価格設定: 無料プラン (2 プロジェクト、lovable.app サブドメイン)、Pro が $25/月 (カスタムドメイン、10 プロジェクト、2GB ストレージ)、Teams が $30/ユーザー/月 (コラボレーション、ロールベースアクセス)。デプロイは Lovable ビルダー内からワンクリック。引き換えに Free では lovable.app サブドメイン、Pro ではプロジェクトごとの上限がある。
これはプロトタイプ、MVP、内部ツール、個人プロジェクトには問題なく動く。本番アプリでスケールしない場合、必要な条件は: 大量のサーバーレス ロジック、細粒度の API レート制限、BYO データベース制御、または 50ms 未満のグローバル TTFB。それらのいずれかに該当する場合は、エクスポートする。
「Lovableホスティングから卒業した」パス:GitHubにエクスポート、Vercel/Netlify/Cloudflare Pagesにデプロイ
Lovable Pro以上のすべてのプランには「Export to GitHub」ボタンが含まれています。エクスポートすると、クリーンなVite + React + Supabaseリポジトリ(またはビルド中に選択した内容に応じてNext.js)が得られます。その時点で、他のモダンウェブアプリと同じようにホストを選択します。
典型的なLovableビルドアプリ(Vite + React + Supabase + Tailwind)の場合:
- Vercel、動作確認済み、Pro で$20/ユーザー/月。デフォルトの安全な選択肢。Vite + React は設定ゼロで60秒でデプロイ。
- Netlify、同じように動作、$19/ユーザー/月。Netlify が Next.js 固有のルーティング仮定なく Vite + React をファーストクラスとして扱うため、非 Next.js アプリの方がわずかに有利。
- Cloudflare Pages、動作確認済み、無料枠を超える場合$5/月。3つの中で意味のある幅での最安。コールドスタートは実質ゼロ。エグレスは無料、アプリがトラフィックを受ければ重要。
- Render、動作確認済み、Static Site 枠で$7/月。過小評価されている。高速ビルド、シンプルな請求、予期しない料金なし。
- Lovable 独自ホスティング(エクスポート・ステイ版、コードを自分のものにしたいが、Lovable 経由でのデプロイを継続したい場合)。
v0アプリのホスティング
v0 by Vercelは、Next.js + Tailwind + shadcn/uiプロジェクトにドロップインするように設計されたReactコンポーネントを生成します。出力は意図的にVercelフレンドリーです。コンポーネントはNext.js規約(Server Components、App Router、必要に応じてserver actions)に依存し、v0自体のUI内の推奨デプロイターゲットはVercelです。
v0で生成されたコードはNext.jsが動作するどこにでもデプロイできます。Cloudflare PagesはOpenNext(Cloudflare Workersアダプタ)経由でNext.jsをサポートするようになりました。NetlifyはNetlify Next.jsランタイムを通じてNext.jsをネイティブサポートしています。実際の課題:v0の出力はときおりVercel固有のプリミティブ(Vercel KV、Vercel Blob、OG画像生成用のvercel/og)に依存しており、Vercel以外にデプロイする場合は置き換えが必要になります。Vercel以外のデプロイにつき、アダプタ作業に1~3時間を見込んでください。
率直な意見:v0で構築するならVercelにデプロイしてください。Cloudflare Pagesに移行すれば金銭的な節約は確かですが、Vercel固有のプリミティブを修正するのに費やす時間は通常、アプリがスケール段階(Vercelで月100ドル以上)に達するまで節約額を上回ります。
Bolt.newアプリのホスティング
Bolt.newはStackBlitzのAIアプリビルダーです。デフォルトのワークフローではアプリをブラウザ内のWebContainersで実行します(ホスティング不要。コードはWASMでクライアント側で実行)。本番環境では、標準的なパスはBolt内の「Deploy」をクリックすることで、プロジェクトをStackBlitzホスティングに送信するか、別の場所にデプロイするためにプロジェクトをダウンロードします。
StackBlitzホスティングはデモと学習には十分です。本番環境ではBoltの出力をLovableの出力と同じように扱ってください:プロジェクトをダウンロードし、GitHubにプッシュして、Vercel/Netlify/Cloudflare Pagesにデプロイしてください。Boltの出力は通常Vite + ReactまたはVite + Svelteであり、どちらも3つのいずれでも問題なくデプロイできます。
Vercel対Netlify対Cloudflare Pages:ユースケースで選択してください
Vercelを選ぶべき場合
- Next.jsで構築している。VercelのNext.js機能(ISR、オンデマンド再検証、サーバーアクション、Edge Runtime、Image Optimization)はすべての競合他社より18~24ヶ月先行しており、そのギャップは実質的です。
- アプリはVercel固有のプリミティブを使用している:Vercel KV、Vercel Blob、Vercel Postgres、AI SDK。これらからの移行は軽微ではありません。
- v0コンポーネントをリリースしており、アダプタの摩擦をゼロにしたい。
- あなたが月間ユーザー数5万人以下の範囲にいて、価格が決定要因ではない場合。
以下の場合はNetlifyを選択してください
- Astro、SvelteKit、Eleventy、Hugo、またはNext.js以外のJamstackフレームワークで構築している。Netlifyはすべてのフレームワークに等しくファーストクラスサポートを提供しており、VercelのNext.jsバイアスは実在します(彼らがそうでないと主張する場合でも)。
- 最も深いプラグインエコシステム(ビルドプラグイン、フォーム、アイデンティティ、ラージメディア)が必要。Netlifyのサードパーティ拡張性はVercelより広い。
- オンプレミス対応のデプロイまたはセルフホストランナーが必要。Netlifyはここでより柔軟性がある。
- フィーチャーの完全性より、オリジナルのJamstack DXを重視する長年のJamstack実践者である。
以下の場合はCloudflare Pagesを選択してください
- コストが決定要因である。無料ティアは無制限の帯域幅、エグレス料金なし、Workers有料は月額5ドル。VercelとNetlifyは同等のスケールで3~4倍高い。
- エッジパフォーマンスが重要。330以上のPoP対Vercelの18対Netlifyの約30。グローバルトラフィックではTTFBの利点は測定可能。
- Workersを書き、コールドスタートが1桁ミリ秒のサーバーレス関数が必要。V8アイソレートはコールドスタートでNodeベースのサーバーレスを50~100倍上回る。
- 既に Cloudflare エコシステム(R2 ストレージ、D1 データベース、KV、Durable Objects)を使用している場合。
どれも選ばない場合
- 重いサーバーサイド処理(長時間実行ジョブ、大規模 WebSocket、動画トランスコーディング):Render、Railway、Fly.io、またはマネージド Kubernetes プラットフォームを使用してください。
- 静的サイトで GB あたりの価格が唯一の指標である場合:GitHub Pages、GitLab Pages、または Cloudflare Pages の無料ティア。
- エンタープライズ準拠要件(SOC2 Type 2 + HIPAA + GDPR データレジデンシー):Vercel と Netlify の両方がエンタープライズティアを提供しています。Cloudflare Pages は準拠ドキュメントを有していますが、調達ワークフローはそこまで洗練されていません。
AI構築アプリの詳細、AI ビルダーが言わなかったこと。
API キー管理
Lovable、v0、Bolt などの AI ビルダーは、ビルド中に外部サービスに接続すると、API キーをクライアント側コードに直接埋め込むことが多くあります。本番環境ではセキュリティインシデント待ちの状態です。デプロイ前に、すべての API キーをサーバーサイド環境変数に移動し、すべての呼び出しをサーバーサイドプロキシ(Vercel API ルート、Netlify Function、または Cloudflare Worker)経由でルーティングする必要があります。これは AI ビルダーからエクスポートした後の最も重要な本番修正です。
ストリーミングレスポンス
AI 機能(チャット UI、コンテンツ生成)は、認識されるパフォーマンスのためにストリーミングレスポンスを必要とします。Vercel の AI SDK + Edge Runtime が最もスムーズなパスです。Netlify Edge Functions はストリーミングをサポートしていますが、フレームワークラッパーはそこまで洗練されていません。Cloudflare Workers は Response.body 経由でストリーミングをサポートしていますが、フロントエンド EventSource または ReadableStream の手動配線が必要です。AI ビルドアプリにストリーミングチャットがある場合、Vercel は最も摩擦が少ないホストです。
サーバーレスのコールドスタート
AIアプリではコールドスタートが重要です。なぜなら、アイドル後の最初の呼び出しがAI機能に対するユーザーの第一印象になることが多いからです。Cloudflare Workersのコールドスタートは約5ms(V8 isolates、Nodeブートストラップなし)。Vercel Edge Functionsのコールドスタートは50~200ms(同じV8 isolateアプローチ)。Vercel Node関数のコールドスタートは200~500ms。Netlify Node Functionsのコールドスタートは500~1000ms。チャットUIや他のレイテンシーに敏感なAIサーフェースの場合、Cloudflare WorkersまたはVercel Edgeはノードベースのサーバーレスよりも意味のあるほど優れています。
エグレス料金
LLM応答をクライアントにパイプするAIアプリは、驚くほど大量のデータを移動できます。4000トークン応答のストリーミングチャットセッションは約16KB。月100,000チャットで1.6GB。100万チャットで16GB。規模に応じて(月1000万チャット以上)、Vercelのエグレス料金とNetlifyの帯域幅超過が重要になり始めます。Cloudflareの Workers + R2 のゼロエグレスポリシーは、スケーリングするAI集約的アプリにとって、ますます正解になりつつあります。
Vercelの代替案という質問(月590件の検索)
ほとんどの人が「Vercelの代替案」を検索する正直な理由は、3つのうち1つです。(1)Vercelの価格設定があるプロジェクトで予期しない結果になった、(2)Vercelは小さな静的サイトには過剰である、または(3)Next.js中心のフレームワーク引力から逃げたい。それぞれに異なる答えがあります。
- 「Vercelの価格設定が予想外」という場合は、Cloudflare PagesかNetlify Proを検討してください。Cloudflareはスケール時のコスト面で有利です。Netlifyは使用量ベースではなくティアモデルを希望する場合、予測可能性で有利です。
- 「Vercelは過剰」という場合は、Cloudflare Pagesの無料プランか、GitHub PagesかRender Static Siteを選択してください。いずれも小規模な静的サイトに対応します。Cloudflareは最も成長の余地が大きいです。
- 「Next.jsの重力から逃れたい」という場合は、Netlifyが3つの中で最もフレームワークに依存しません。Astro、SvelteKit、Eleventy、HugoはすべてNetlifyで同等のファーストクラスな対応を受けます。Vercelではそうでない場合もあります。
このリストはどのように構築されたか
この比較は、2020年以降50以上のプロジェクトで3つのプラットフォーム(Vercel、Netlify、Cloudflare Pages)に加えてRenderとFly.ioで本番環境のデプロイメントを実行した結果に基づいています。価格は2026年5月の公開レートを反映しています。Lovable、v0、Bolt.newのセクションは、各プラットフォームで実際にアプリをリリースし、複数のホストにエクスポートした経験から得たものです。HostList.ioはより広範なホスティング選択肢を支える幅広いディレクトリ(25,000以上の企業)ですが、VercelやNetlifyのようなアプリプラットフォーム固有の選択肢については補足的です。これらはクラシカルなホストではなくプラットフォームだからです。
よくある質問
Lovableアプリはどこでホストすべきですか?
プロトタイプと内部ツール向けはLovableのホスティング(Pro月額25ドル)です。本番環境向けはLovable内からGitHubにエクスポートしてから、使いやすさを優先するならVercel(ユーザーあたり月額20ドル)にデプロイするか、コスト優先ならCloudflare Pages(月額5ドル)に、フレームワークの柔軟性を優先するならNetlify(ユーザーあたり月額19ドル)にデプロイしてください。エクスポートが転機となります。Lovableのホスティングは成長するまでは十分です。
Cloudflare Pagesは本番環境で本当に無料ですか?
実際には、そうです。Cloudflare Pagesの無料プランは、帯域幅無制限、リクエスト無制限、エグレス料金ゼロです。無料プランの制限は:月間500ビルド、100カスタムドメイン、1日20,000 Workersリクエストです。ほとんどの個人プロジェクトと小規模SaaSアプリでは、これらの制限に達することはありません。有料プラン(Workersで月額$5)は、1日あたり100,000ワーカーリクエストを超えるか、追加機能が必要な場合にのみ開始されます。
2026年のVercel対Netlify:どちらが優勢ですか?
Vercelは収益、企業評価、Next.jsの市場シェアで優勢です。Netlifyはフレームワークの中立性とエコシステムの広さで優勢です。どちらも収益性があり、成長しています。Vercelの2024~2025年のAIプリミティブ(Vercel AI SDK、v0、Vercel KV、Vercel Postgres)への拡大は、AIアプリワークロード向けの競争環境を有利にしています。Netlifyの対応(Netlify Connectデータレイヤー、より広範で構成可能なアーキテクチャストーリー)は、コンテンツ豊富で複数ソースのアプリ向けに有利になっています。特定のワークロードに合わせて選択してください。どちらも健全な選択肢です。
Next.jsアプリをCloudflare Pagesでホストできますか?
はい、OpenNext(Cloudflare Workers向けNext.jsアダプター)を使用できます。2026年ではほとんどのNext.jsアプリで機能しますが、注意点があります:ISRのセマンティクスが異なり、一部のEdge Runtimeの機能はサポートされておらず、Image Optimizationにはcloudflare Imagesアドオンが必要です。純粋なSSG Next.jsアプリの場合、体験はVercelと同一です。Server Components + ISR多用型アプリの場合、ギャップは大きいです。Vercelを使用してください。
Render、Railway、Fly.ioについてはどうですか?
RenderはHerokuの最強な代替品です。明確な料金体系、永続的なPostgres + Redis、バックグラウンドワーカー、フルスタックアプリに対応します。Railwayは似ていますが、エンタープライズ機能は軽量で、開発者体験に優れています。Fly.ioは「グローバル分散VPS」に最も近いです。フルDockerサポート、エッジリージョン、永続ボリューム、WebSocketに対応しています。3つすべてJamstackモデルを超えたフルスタックアプリに優れています。Lovable / v0 / Boltの出力内容(ほとんどVite + ReactまたはNext.jsフロントエンド)については、Vercel + Netlify + Cloudflareが依然としてシンプルな選択肢です。
ドメインをLovableホスティングからVercelに移行するにはどうすればよいですか?
5つのステップです。(1)Lovableでプロジェクトを GitHub にエクスポートします。(2)GitHub リポジトリを Vercel に接続します(新規プロジェクト)。(3)Lovable で使用していた環境変数と同じものを Vercel で設定します(Supabase URL + anon キー、サードパーティ API キーなど)。(4)Vercel にデプロイし、Vercel が提供する URL でアプリが動作することを確認します。(5)DNS の A/CNAME レコードを Vercel を指すように更新します。典型的な Lovable アプリの場合、移行全体は 30~60 分で完了し、ダウンタイムは DNS の伝播ウィンドウ(TTL に応じて 5~60 分)のみです。
React アプリの最も安いプロダクション対応ホスティングは何ですか?
明らかに Cloudflare Pages の無料ティアです。無制限の帯域幅、無制限のリクエスト、無料のカスタム SSL、月額 $0 で大部分の個人プロジェクト対応。有料の Vercel や Netlify に劣る点は:無料での ビルド分数に上限がある、フォーム処理が組み込まれていない(Worker を書く必要がある)、自動画像最適化がない(Cloudflare Images は月額 $5)。個人ポートフォリオや小規模な SaaS ランディングページなら、Cloudflare Pages の無料ティアは本当に無料で高速です。
Lovable / v0 / Bolt アプリは 5 年後も実行可能ですか?
はい。3つともすべて標準的なウェブコード(Vite + React、Next.js、Astro)にエクスポートするからです。AI ビルダーはビルド時の加速器であり、ランタイム依存ではありません。基盤となるフレームワーク(React、Next.js、Astro)が引き続きサポートされる限り(現在の採用率を考えると、この 3 つはすべて 5 年以上の見通しがあります)、エクスポートされたコードは動作し続けます。リスクは、あなたがそれでもアクティブに反復処理を行っている間にビルダーが廃止されることです。早期に GitHub にエクスポートしてリポジトリを最新の状態に保ってください。
関連記事
VPS ティアホスティング(Hetzner、Linode、Vultr、DigitalOcean)の場合:2026 年最高の VPS ホスティング記事。マネージド WordPress ホスティング(Kinsta、WP Engine、Cloudways)の場合:マネージド WordPress ホスティング比較。ヘッドレス WordPress ホスティング(バックエンド + フロントエンド分割)の場合:ヘッドレス WordPress ホスティングガイド。これらのホストの上に AI 機能を構築する場合:AI エンジニア採用ページと Claude Code エージェンシーページ。より広い 25,000 社企業ホスティングディレクトリの場合:HostList.io。
