「サイトを公開したいけど、Vercel と Cloudflare Pages、どっちがいいんですか？」
Vibe Coding 完全ガイド と AI副業ロードマップ の公開後、最も多く届いた質問の1つがこれでした。本記事では、個人開発者・副業ブロガー視点で「目的別にどのホスティングを選ぶべきか」を整理します。
広告に関する表記：本記事には /go/mixhost を経由するアフィリエイトリンクが含まれます。リンク経由でご契約いただくと、AI Maker Lab に紹介料が発生する場合があります。比較の中身そのものは、独立した立場で執筆しています。
目次
- 30秒で結論：用途別「これを選べ」
- 4ホスティング比較表（料金・速度・拠点数・運用負荷）
- Vercel — Next.js／v0 の純正ホスティング、Server Components / Streaming が無調整で動く
- Cloudflare Pages — グローバルCDN無料、本サイトもこれ
- Netlify — 老舗の安定感、UI が分かりやすい
- mixhost — WordPress 派のための国内 LiteSpeed サーバ
- どう組み合わせるか：個人開発者の現実的な構成
- 移行のコスト：ホスティング変更時の手間
- FAQ
- まとめと次に読むべき記事
30秒で結論：用途別「これを選べ」
| あなたの状況 | 推奨 | 理由 |
|---|---|---|
| Next.js / v0 で作ったアプリを公開 | Vercel | v0 から1クリックでデプロイ、無料枠で十分 |
| Astro / Hugo / 静的サイト + 大量アクセス | Cloudflare Pages | 無料枠で帯域無制限、Cloudflare の300+拠点CDNに同梱 |
| Forms / Split Testing / 認証を1つの管理画面で揃えたい | Netlify | Netlify Forms / Split Testing / Identity を別 SaaS 契約せず使える |
| WordPress で SEO 記事サイト | mixhost | LiteSpeed Web Server + LSCache でキャッシュ最適化が標準、日本語サポート対応 |
| 迷っているなら | AI診断（5問） | 用途に合う構成を提示します |
詳細は本記事の各セクションで掘り下げます。
4ホスティング比較表（料金・速度・拠点数・運用負荷）
価格・スペック情報の取得日：本表の料金・拠点数は 2026-05-13 時点で各公式サイトに記載されている情報です。継続的に改定されるため、契約前に必ず公式サイトで最新情報をご確認ください。
| 項目 | Vercel | Cloudflare Pages | Netlify | mixhost | Best for |
|---|---|---|---|---|---|
| 種別 | エッジ静的 + サーバレス | エッジ静的 + Workers | エッジ静的 + Functions | 共用レンタルサーバ | — |
| 無料枠 | あり（100GB/月、商用注意） | あり（Bandwidth 無制限） | あり（100GB/月） | なし | 無料運用：CF Pages |
| 有料最安 | $20/月 (Pro) | $5/月 (Workers Paid) | $19/月 (Pro) | 990円/月 (スタンダード)※1 | コスト：CF Pages |
| 拠点数 | 数十拠点 | 300+ 拠点 | 数十拠点 | 国内主要DC | グローバル：CF Pages |
| CDN速度（日本） | 速い | 最速級（東京拠点強い） | 速い | 国内特化で速い | 日本国内：CF/mixhost |
| 独自ドメイン | あり | あり | あり | あり | — |
| HTTPS 自動 | あり | あり | あり | あり（Let’s Encrypt） | — |
| WordPress 対応 | ×（静的のみ） | ×（静的のみ） | ×（静的のみ） | ◎ LiteSpeed 採用 | WordPress：mixhost |
| Next.js SSR | ◎（純正） | △（adapter 経由） | ○ | × | Next.js：Vercel |
| ビルド時間制限 | 45分/ビルド | 20分/ビルド | 15分/ビルド | N/A | — |
| 個人開発適合度 | S | S | A | A（WordPress 派） | — |
※1 mixhost のスタンダードプランは 2026-05 時点の 税込月額目安。期間契約・キャンペーンで変動するため、契約前に /go/mixhost で最新価格をご確認ください。
ティア基準（前回記事 v0 vs Lovable vs Bolt と同基準）：S＝最優先（収益性・話題性ともに高い）、A＝優先（標準的）、watch＝監視中（規約変動中など扱いが定まっていない）。本記事の4ホスティングはいずれも個人開発者の利用実績が豊富で、S/A の上位2階層に該当します。
Vercel — Next.js／v0 の純正ホスティング、Server Components / Streaming が無調整で動く
結論：Next.js または v0 で作ったアプリを公開するなら、まず Vercel を試す
Vercel は Next.js の開発元が提供するホスティングで、Next.js のフル機能が無調整で動く唯一の環境です。Server Components、Streaming、Image Optimization、Edge Functions、すべて純正サポート。
向いているケース
- v0 by Vercel で生成したコードをそのまま公開したい
- Next.js を採用済みのプロジェクト
- 個人 SaaS の MVP を 30分でデプロイしたい
- プレビューURL を自動生成して、PR ごとに動作確認したい
向いていないケース
- WordPress / PHP ベースのサイト（対応していません）
- 月間 PV が爆発しそうな静的サイト（無料枠の 100GB Bandwidth が壁）
- 商用利用（Hobby プランは Vercel 公式 Pricing ページ で “The perfect starting place for your web app or personal project” と明記されている個人プロジェクト向け枠。副業でアフィリ収益を伴う本格運用なら Pro $20/月 + 追加課金への切替が推奨されます。商用利用の細かな扱いは Vercel の Fair Use Policy / Terms of Service に規定があるため、契約前に公式ドキュメントで最新条件をご確認ください。2026-05-12 実機確認時点の Pricing ページ記載に基づく記述）
個人開発者の現実的な使い方
副業ブログを Vercel 無料枠で運用 → 月間 PV が1万を超え始めたら Pro 切り替え または Cloudflare Pages へ移行、というパターンが現実的です。本サイトも当初 Vercel 検討しましたが、商用利用＋ Bandwidth 制約を考慮して Cloudflare Pages を選びました。
Cloudflare Pages — グローバルCDN無料、本サイトもこれ
結論：静的サイト + 大量アクセスに耐える無料インフラ。AI Maker Lab もこれ
Cloudflare Pages は、Cloudflare の 300+ 拠点 CDN に静的サイトを乗せられる無料サービスです。最大の特徴は 無料枠で Bandwidth 無制限。月間 PV がどれだけ伸びても、静的サイトである限り月$0で運用できます。
向いているケース
- Astro / Hugo / Jekyll / Eleventy などの静的サイトジェネレータ
- 副業ブログで PV を伸ばす予定がある（無料枠を心配したくない）
- グローバル配信が必要（日本・東南アジア・北米同時公開）
- 商用利用 OK（個人プランでもアフィリ収益化可）
向いていないケース
- WordPress / PHP（共用レンタルサーバが必要）
- Next.js SSR を多用するアプリ（Adapter 経由で動くが Vercel ほどスムーズではない）
- DNS / Workers / R2 など Cloudflare 全機能と同じダッシュボードで設定するため、メニュー階層が深い（Netlify / Vercel の「アプリ専用画面」と比べると目的の設定にたどり着くまでクリック数が多い）
AI Maker Lab での実装
本サイトは Cloudflare Pages 上で運用中です。構成：
- ビルド：GitHub
mainブランチへの push トリガーで自動デプロイ - カスタムドメイン：aimaker-lab.com を Cloudflare DNS 経由で接続
- ビルド時間：1〜2分 / push
- 月額コスト：$0（無料枠内）
本記事執筆時点で記事10本超＋26ツールページ＋AI診断＋トップで合計50URL程度を配信していますが、CPU・Bandwidth・ビルド時間すべて無料枠で収まっています（最新の記事数は /posts 参照）。
Netlify — Forms / Split Testing / Identity を1つの管理画面で揃える Jamstack 専用ハブ
結論：別 SaaS（Typeform / Optimizely / Auth0 等）に分散しがちな機能を、ホスティング側で完結させたいなら Netlify
Netlify は2014年運営開始の老舗で、Cloudflare Pages の DNS / Workers 設定よりも 管理画面が Jamstack 専用に整理されているのが特徴です。フォーム機能（Netlify Forms）、Split Testing（A/B）、Netlify Identity（認証）など、別 SaaS 契約に分散しがちな機能を1つの管理画面で完結できます。
向いているケース
- ノーコード寄りで管理画面を触りたい
- フォーム機能をホスティング側で持ちたい（問い合わせフォーム等）
- Jamstack スタイル全般
向いていないケース
- 月間 Bandwidth が大きい（無料枠 100GB/月 で頭打ち）
- グローバル分散性能が最優先（Cloudflare に比べると拠点数で劣る）
個人開発者で Netlify を主軸に選ぶ場合は Pro $19/月 が現実的なライン。同価格帯の Vercel Pro と比較されることが多いですが、Next.js 重視なら Vercel、フォーム等の UI 機能重視なら Netlify、という棲み分けです。
mixhost — LiteSpeed + LSCache の WordPress 高速化が標準で効く国内サーバー
結論：WordPress 主体で SEO 記事サイトを運用するなら、LSCache が標準搭載されている mixhost が候補に入る
WordPress を採用するなら、Vercel / Cloudflare Pages / Netlify は すべて不適です（これらは静的＋サーバレス前提のサービスのため、PHP+MySQL ベースの WordPress は動きません）。
国内の主要レンタルサーバ（ConoHa WING / Xserver / mixhost / さくらインターネット 等）の中で、LiteSpeed Web Server を採用している mixhost は、WordPress の表示速度面で有利です。
向いているケース
- WordPress で SEO 記事サイトを構築したい
- 国内サポートが必要（日本語サポート、電話対応）
- PHP ベースの自作スクリプトも置きたい
- ドメインメール（/go/onamae で取得したドメインの
@yourname.comメール）を運用したい
向いていないケース
- Astro / Next.js などの 静的サイト or Jamstack が主構成（Cloudflare Pages の無料枠は帯域無制限で、月額固定の mixhost より長期運用コストを抑えやすい）
- グローバル配信が必要（国内 DC 集中のため、北米・欧州からのアクセスでは Cloudflare Pages の方が応答が早い）
個人副業ブロガーの定番構成
「ドメイン＝お名前.com、ホスティング＝mixhost、CMS＝WordPress、SEO＝Rank Math + Search Console」は、日本の副業ブロガーの 黄金パターンとして、執筆者の観察では長年にわたり定番として知られているパターンです。AI ツール紹介ブログ／レビューブログをこの構成で始めるのが、執筆者の体感では最も挫折率が低い導入ルートとされています。
→ mixhost の料金プランを確認する（スタンダード / プレミアム / ビジネス 等）
どう組み合わせるか：個人開発者の現実的な構成
ホスティングは 「1個に絞る」必要はありません。実際の個人開発者は、用途別に複数を使い分けています。
構成パターン1：「Jamstack ブロガー」型（本サイトの構成）
| 用途 | 採用 |
|---|---|
| ドメイン | お名前.com（.com or .dev） |
| メインサイト（静的） | Cloudflare Pages（$0） |
| 個別アプリ | Vercel（v0 で作ったアプリ） |
| 計測 | GA4 + Search Console |
| 通知 | IndexNow（Bing / Yandex） |
月額：$0〜$5。記事数を伸ばしながら、必要に応じてアプリを追加する型。
構成パターン2：「WordPress 副業ブロガー」型
| 用途 | 採用 |
|---|---|
| ドメイン | お名前.com |
| メインサイト | mixhost スタンダードプラン |
| CMS | WordPress + Rank Math |
| 計測 | GA4 + Search Console |
月額：1,000円〜2,000円。テーマカスタマイズ・プラグイン拡張がコードなしでできるため、技術未経験から始めやすい型。
構成パターン3：「複線化」型（収益が伸びてきた人）
| 用途 | 採用 |
|---|---|
| ドメイン | お名前.com で複数取得 |
| メインブログ | Cloudflare Pages（Astro / Next.js） |
| サブブログ | mixhost（WordPress、別ジャンル攻略用） |
| プロダクト | Vercel（個別 SaaS） |
| LP | Netlify（A/B テスト目的） |
月額：$30〜$60。SEO ジャンル分散＋プロダクト同時運用で、流入経路の複線化を実現する型。
移行のコスト：ホスティング変更時の手間
「最初に選んだホスティングを後で変えられるか」も重要な判断軸です。
| 移行 | 難易度 | 所要時間 |
|---|---|---|
| Vercel → Cloudflare Pages | 低 | 30分〜1時間 |
| Cloudflare Pages → Vercel | 低 | 30分〜1時間 |
| Vercel → Netlify | 低 | 30分〜1時間 |
| 静的ホスティング → mixhost | 高（CMS 載せ替え） | 1〜3日 |
| mixhost → 静的ホスティング | 高（WordPress エクスポート＋静的化） | 1週間〜 |
結論：Jamstack 系（Vercel / Cloudflare Pages / Netlify）の 横移行はほぼ無痛。一方で 静的⇔WordPress の縦移行は重いため、最初の選択がやや効きます。迷ったら Cloudflare Pages から始める のが、後悔が少ない選択です。
FAQ
Q1. 個人ブログで一番無難な選択は何ですか？
Astro + Cloudflare Pages + お名前.com ドメイン です。月額は ドメイン代1,500円/年 のみ、Bandwidth 制限を気にする必要なし、執筆者の経験上 Lighthouse スコアが出やすい構成です。本サイトもこの構成です。
Q2. WordPress を選ぶべき人はどんな人ですか？
- コードを書きたくない／書けない人
- プラグインで機能拡張したい人（SEO・お問い合わせフォーム・予約システム等）
- 日本語サポートが必要な人
- 既に WordPress のテーマ運用経験がある人
これらに当てはまるなら mixhost スタンダード + WordPress が最短ルートです。
Q3. Vercel の無料枠で副業ブログを運用しても大丈夫ですか？
Vercel 公式 Pricing ページでは Hobby プランが “personal project” 向けと明記されています（2026-05-12 時点）。アフィリ収益・広告収益を伴う本格運用なら Pro $20/月+追加課金への切替が推奨されます。詳細な商用利用条件は Vercel の Fair Use Policy / Terms of Service に規定があるため、契約前に公式ドキュメントで最新条件をご確認ください。完全に無料で商用 OK なホスティングが必要なら Cloudflare Pages（個人プランで商用 OK、開発者プラットフォーム上で無料枠が提供されている）が有力候補です。
Q4. 速度（日本国内）はどれが速いですか？
執筆者の体感では Cloudflare Pages（東京拠点）と mixhost（LiteSpeed + 国内 DC）が拮抗します。Vercel・Netlify は北米中心の拠点配置で、日本からのアクセスでわずかに遅れる傾向（執筆者の経験上、体感数十ミリ秒の差）。ただし SEO 順位への直接影響は限定的とされています（公式アナウンスではなく、業界で広く議論されている観察ベースの記述です）。
Q5. AI で作ったアプリ（v0 / Lovable / Bolt）はどこにデプロイすればいいですか？
- v0 → Vercel が純正連携（1クリック）
- Lovable → Lovable Cloud がそのまま使える（外部に出す場合は Vercel / Cloudflare Pages）
- Bolt → Netlify / Vercel / Cloudflare Pages のいずれかへエクスポート
詳しくは v0 vs Lovable vs Bolt 比較記事 を参照してください。
まとめと次に読むべき記事
ホスティング選びのフローチャート：
- WordPress を使うか？ → Yes なら mixhost、No なら2へ
- Next.js を使うか？ → Yes なら Vercel、No なら3へ
- Bandwidth 無制限がほしいか？ → Yes なら Cloudflare Pages、No なら Netlify でも可
迷ったら AI診断（5問） を試してみてください。あなたの状況に合う構成を、ホスティングまで含めて提示します。
関連記事
- Vibe Coding 完全ガイド：個人開発者が AI で「動くアプリ」をつくる最短ルート — 公開後のインフラ章への深掘り
- v0 vs Lovable vs Bolt 徹底比較 — Vibe Coding ツールから見たデプロイ先選び
- AI副業ロードマップ — パス1（アフィリ）の構成例
- v0 by Vercel とは：料金・使い方・個人開発者の実践レビュー — Vercel + v0 連携の実例
- 個人開発者のドメイン取得完全ガイド — 同インフラ系の対になる記事
その他のリソース：
- /tools/onamae/ ／ /tools/mixhost/ ／ /tools/v0/ — 各サービス詳細
- /go/onamae — お名前.com でドメインを探す
- /go/mixhost — mixhost でホスティングを契約する
情報の一次性について
本記事の 料金・拠点数・スペック情報 は 2026-05-13 時点で各公式サイト（vercel.com / pages.cloudflare.com / netlify.com / mixhost.jp）に記載されている情報を参照しています。これらは継続的に改定されるため、契約判断の前に必ず各公式サイトで最新情報をご確認ください。
速度・運用負荷・適合度に関する評価は、執筆者および AI Maker Lab 編集チームの実使用感に基づく所感であり、定量的なベンチマーク試験の結果ではありません。
Vercel の Hobby プラン商用利用制限は 2026-05 時点の利用規約の解釈です。最新の利用規約は Vercel 公式の Terms of Service をご確認ください。
Amazon で関連書籍・ガジェットを探す
本記事のテーマ（Vercel・Cloudflare・mixhost などのホスティング）に関連する書籍・教材は Amazon でも購入できます。
※ AI Maker Lab は Amazon アソシエイト・プログラムの参加サイトとして、商品のリンク経由のご購入から紹介料を受け取ります。掲載内容そのものは公平な視点で執筆しています。