Vercel料金比較2026｜Hobby vs Proの選び方

Vercel Hobbyは無料、Proは月額$20。たった$20の差に見えるが、帯域超過やチームメンバー追加で請求額が跳ね上がる事例が後を絶たない。

公式の料金ページだけでは読み取れないコスト構造を、Hobby・Pro・Enterpriseの3プランで横断的に比較した。Netlify・Cloudflare Pagesとの料金差も実数値で検証しているので、デプロイ先を迷っている段階なら判断材料になるはずだ。

Vercel料金プラン一覧｜2026年5月の公式価格

Vercelの料金体系は3層構造だ。

Hobby（無料）、Pro（$20/開発者/月）、Enterprise（年間$45,000〜）。この3プランに利用量ベースの従量課金が上乗せされる。Vercel料金の全体像を掴むには、まずこの基本構造を押さえておく必要がある。

見落としやすいポイントが1つある。Proプランの$20には月額$20分のインフラクレジットが含まれている。帯域・Edge Requests・Function呼び出しの超過分は、まずこのクレジットから差し引かれる。クレジットを使い切った後に従量課金が始まる仕組みだ。

つまり、Proの「$20/月」は基本料金とインフラ利用枠を兼ねている。携帯電話の基本料金に通話無料分が含まれているのと同じ発想だ。小規模プロジェクトなら追加請求ゼロで月を越えることも珍しくない。

Hobbyプラン（無料）の実力と限界

結論。個人のポートフォリオサイトや技術ブログならHobbyで十分だ。

月間5,000〜10,000PV程度のサイトなら帯域100GBを使い切ることはまずない。Vercel料金を気にせず使える範囲がここだ。

Hobbyプランでできること

帯域100GBで何PVさばけるか

1ページあたりの転送量を1〜2MBと仮定すると、月間50,000〜100,000PVが目安になる。静的サイトならページ重量が軽いのでもっと伸びる。

ただし画像を多用するサイトや、API Routesを頻繁に叩くSPAだと話が変わる。筆者がNext.jsのISRを使ったブログを運用した際、月間8,000PVで帯域15GBほど消費していた。画像最適化を入れていなかったのが原因で、next/imageのWebP変換を有効にしたら7GBまで減った。

Hobbyプランの落とし穴

Hobbyプランには予算上限（Spend Management）がない。帯域を超えてもサイトは動き続け、超過分がそのまま課金される。RedditやXでは「無料プランなのに請求書が届いた」という報告が定期的に流れている。

Vercel無料枠の制限を詳しく検証した記事で、超過時の挙動と対策をまとめている。

Proプラン（$20/月）で何が変わるか

Proに上げると何が変わるか。大きい順に並べた。

Proで解放される主要機能

• 1.商用利用OK：クライアントワーク、SaaS、ECサイトなどビジネス用途が正式に許可される
• 2.帯域10倍：100GB → 1TB/月。月間50万〜100万PV規模まで標準料金内で運用可能
• 3.チーム招待：開発者を無制限に追加できる（1人あたり$20/月が追加課金）
• 4.Spend Management：月額の予算上限を設定して想定外の課金を防止
• 5.プレビュー保護：パスワード付きプレビューデプロイでクライアント共有が安全に
• 6.Analytics：Web Vitals・トラフィック分析が追加費用なしで利用可能

5人チームの実コスト

Proの料金体系で見落としやすいのがシート課金だ。$20/月は「1開発者あたり」の価格なので、5人チームなら基本料金だけで月$100（約15,000円）になる。リクエストをさばく前にこの固定費が発生する。

ただし$20のインフラクレジットは開発者1人分しか付かない。5人チームでも月$20クレジットは変わらないため、インフラ利用量が多いチームほどクレジットの恩恵が薄れる。

# Proプランのコスト計算例
# 開発者5人、月間帯域1.2TB（200GB超過）のケース

基本料金:      $20 × 5人 = $100
帯域超過分:    200GB × $0.15 = $30
インフラクレジット:          -$20
─────────────────────────────
月額合計:                    $110（約16,500円）

Hobby → Proにアップグレードすべきタイミング

アップグレードの判断基準は明確だ。以下のどれか1つでも当てはまるなら、Proへの移行を検討する段階にある。

自分ならHobbyプランは学習とプロトタイプに限定して使い、少しでもユーザーに公開するプロダクトにはProを選ぶ。月$20で規約違反のリスクを消せるなら安い。

Enterpriseプランが必要になるケース

年間$45,000〜と聞くと身構えるが、Enterpriseプランはそもそも個人開発者や小規模チーム向けではない。50人以上の組織でガバナンスとSLAが求められる場面で初めて選択肢に入る。

Enterpriseでしか得られないもの

• ●99.99% SLA：金融・医療系など稼働率保証が契約条件のプロジェクト向け
• ●SCIM/SAML SSO：Okta・Azure AD連携で社員のアクセス管理を自動化
• ●監査ログ：誰がいつ何をデプロイしたか全履歴を保持
• ●カスタムインフラ：帯域・ビルド時間の上限を個別交渉で設定
• ●専任サポート：Slackチャンネルでのリアルタイム対応

逆に言えば、SSOと監査ログが不要なら、Proプランで事足りるケースがほとんどだ。

エンタープライズ導入を検討するなら、まずProプランで実際の使用量を3ヶ月ほど計測し、帯域やFunction呼び出しの実績値をVercelの営業に提示するのが交渉の定石。実績データなしで見積もりを取ると、高めの帯域枠で契約させられがちだ。

見落としがちな隠れコスト5つ

Vercel料金ページに載っている数字は「基本料金」にすぎない。罠はその先にある。

実際の請求額は基本料金の1.3〜1.7倍になるという調査データがある。Vercel料金の内訳を調べてみると、超過課金の温床が5つ見つかった。

1. 帯域超過（$0.15/GB）

Proプランの帯域1TBを超えると、1GBあたり$0.15が課金される。月間100万PVを超えるメディアサイトや、画像の多いECサイトだと1TB超は珍しくない。

200GB超過すると$30、500GB超過で$75。年間にするとそれだけで$360〜$900の追加コストになる。

2. DDoS・ボットトラフィックも課金対象

DDoSもカウントされる。Vercelは悪意あるトラフィックを含む全トラフィックを帯域に計上する仕組みで、あるユーザーはDDoS攻撃1回で$23,000の請求を受け取った。Cloudflare PagesがDDoS保護を無料で挟むのとは対照的だ。

Vercel料金を管理するうえで最も怖いのがこの仕様。Spend Managementで上限を張っていなければ、自分の手が届かないところで請求額が膨らむ。

3. Edge Middleware実行コスト

Edge Middlewareの課金は二重構造だ。呼び出し回数とCPU時間の両方を計測する。リクエストのたびにA/Bテストの振り分けやリダイレクト処理を走らせると、想定以上に「Active CPU」を食う。

Proプランでは月4時間のCPU時間が含まれているが、トラフィックの多いサイトだとこれを超えるケースがある。

4. Image Optimization（$5/1,000枚〜）

next/imageの自動最適化は便利だが、無料枠は月5,000枚（Hobby）・月25,000枚（Pro）。ECサイトで商品画像が数百点あると、ユーザーがページを回遊するだけで枠を消費する。

超過分は1,000枚あたり$5。月間10万枚の最適化が走ると$375の追加コストだ。

5. シート課金の累積

チームが成長するたびに$20/月が積み上がる。CI/CDパイプラインのためだけにサービスアカウントを作っても1シート分。10人のエンジニアリングチームで月$200、年間$2,400が固定費として乗る。

Vercel vs Netlify vs Cloudflare Pages｜実数値で比較

隠れコストを含めて計算すると、競合サービスとの差はどのくらいになるのか。Vercel料金の「本当の相場」を確認する。

Vercel料金が高いのか安いのか。競合と並べて初めてわかる。

Next.jsのデプロイ先として候補に挙がるNetlifyとCloudflare Pagesの料金を実数値で比較した。Vercel料金の相場観を掴むための基準線がここで見えてくる。

無料プラン比較

無料プラン同士の比較ではCloudflare Pagesが圧勝する。帯域無制限、商用利用OK、DDoS保護も標準装備。Vercel Hobbyは商用不可という制約が大きい。

有料プラン比較（月間50万PV想定）

月間50万PV、帯域1.5TB消費、開発者3人のプロジェクトでコストを試算した。

# 月間50万PV / 帯域1.5TB / 開発者3名の月額

Vercel Pro:
  基本:    $20 × 3人 = $60
  帯域超過: 500GB × $0.15 = $75
  クレジット:              -$20
  合計: $115/月（年間 $1,380）

Netlify Pro:
  基本:    $19/チーム（人数不問）
  帯域超過: 500GB × $0.20 = $100
  合計: $119/月（年間 $1,428）

Cloudflare Pages Pro:
  基本:    $5/月
  帯域:    無制限（$0）
  Workers: $5/月（追加利用分）
  合計: $10/月（年間 $120）

年$120 vs 年$1,380。10倍以上の差がある。

同じNext.jsプロジェクトをデプロイするのにこれだけ違う。ただしCloudflare PagesでISRを使おうとすると、現時点でApp RouterのServer ComponentsとMiddlewareに制約が残る。Vercelを選ぶのはコストの差ではなく、Next.jsのフル機能が動く環境を買う判断だ。

結論：自分ならどう選ぶか

自分ならNext.jsを使うプロジェクトにはVercel Proを選ぶ。フレームワークとの統合度がそのまま開発速度に直結するからだ。静的サイトやAstro・Hugo等のSSGなら迷わずCloudflare Pages。帯域無制限が効きすぎる。

NetlifyはForms・Identity等の組み込みサービスを使うJamstackプロジェクトに限って選択肢に入る。純粋なホスティングとしては割高感が否めない。

プラン選びの判断フロー

迷ったら上から順に条件を確認する。それだけで決まる。

Vercel料金プラン選びは複雑に見えるが、プロジェクトの条件を4つのStepで絞り込めば最適解に辿り着ける。

Step 1：商用利用するか？

広告収入、クライアント納品、SaaS、EC――いずれかに該当するなら、Hobbyプランは使えない。Proプラン以上が必須。

Hobbyプランの商用利用境界線は曖昧な部分もあるが、リスクを取る理由がない。

Step 2：Next.jsの高度な機能を使うか？

ISR（Incremental Static Regeneration）、Edge Middleware、Image Optimization、Server Actionsなど、Next.jsの先端機能をフルに使うなら、Vercelが最も安定する。他のプラットフォームでは部分的にしかサポートされていない。

逆に、静的エクスポート（output: 'export'）で済むならCloudflare Pagesの方がコスパが良い。

Step 3：月間PVとチーム規模は？

Step 4：予算上限を決める

Proプランに決めたら、必ずSpend Managementで月額上限を設定する。設定しないと帯域超過やDDoSで青天井に課金される。

# Vercelダッシュボードでの設定手順
Settings > Billing > Spend Management
> Monthly spend limit: $50（個人なら十分）

# 上限に達するとデプロイとトラフィックが停止する
# サイトがダウンするリスクがあるため、余裕を持った金額にする

個人プロジェクトなら$50、小規模チームなら$200が目安。上限に近づくとメール通知が届く。

Vercel料金を抑える実践テクニック

Vercel料金を月$20以内に収めるのは可能だ。コツは5つ。

いずれもVercelの設定変更とNext.jsの構成見直しだけで対応できる。外部ツールの導入は不要。

1. next/imageのWebP変換を有効化する

next/imageの自動最適化はデフォルトでWebP変換が有効だが、unoptimized: trueを設定していると元画像がそのまま配信される。これを外すだけで帯域消費が30〜50%減る。

// next.config.js
module.exports = {
  images: {
    // unoptimized: true を外す（またはfalseに）
    formats: ['image/avif', 'image/webp'],
    deviceSizes: [640, 750, 1080, 1200],
    // 不要に大きいサイズを除外してImage Optimization回数を節約
  },
}

2. ISRのrevalidate間隔を長めに設定する

ISRのrevalidateを短くしすぎると、Serverless Functionの呼び出し回数とビルド時間が膨れ上がる。ニュースサイトでもなければ、3600秒（1時間）以上で十分だ。

データ更新頻度が低いページは86400秒（24時間）に設定しても問題ない。更新通知が必要な場合はOn-Demand Revalidation（Webhook）で個別にトリガーする方がコスト効率が良い。

3. Edge Middlewareの処理を最小限にする

リクエストのたびに走るMiddlewareは、CPU時間の最大の消費源になりうる。地域判定やリダイレクトだけに絞り、重い処理はServerless Functionに逃がす。

A/Bテストの振り分けをMiddlewareで実装しているプロジェクトは多いが、matcherで対象パスを限定するだけでCPU消費を半減できる。

4. 静的ページは積極的にSSGする

SSR（Server-Side Rendering）は毎回Functionが走る。変更頻度の低いページはgenerateStaticParamsで事前ビルドするのが最もコストが安い。Function呼び出しゼロ、帯域も最小で済む。

Next.js入門ガイドでSSGとISRの使い分けを解説している。

5. 独自ドメインのDNS設定を最適化する

Vercelでカスタムドメインを使う際、DNSの設定ミスで無駄なリダイレクトが発生するケースがある。wwwあり/なしの統一、HTTPSリダイレクトの設定を正しく行うことで、余分なEdgeリクエストを減らせる。

wwwあり/なし混在を放置すると同一URLが別カウントされEdgeリクエストが倍になる。設定手順はVercel独自ドメインの料金と設定手順にまとめた。

よくある質問

まとめ

Vercel料金の本質は従量課金にある。帯域超過・シート課金・Image Optimizationを見落とすと、請求額が想定を大きく超える。Proプランの$20/月は「基本料金+$20クレジット」であり、Vercel料金の実支出は利用パターン次第で月$50〜$500まで幅がある。

Next.jsの高度な機能（ISR、Edge Middleware、Image Optimization）をフルに使うならVercelが最適解。静的サイト中心ならCloudflare Pagesの帯域無制限プランがコストで圧勝する。

Proに契約した当日にSettings > Billing > Spend Managementを開いて上限を入れる。設定は1分で終わる。これを省いた状態で運用していた開発者が、$23,000請求の当事者だ。