去年の10月、あるクライアントから電話がありました。やや慌てた様子でした。前月に Next.js のマーケティングサイトを立ち上げて、トラフィックが増加し、Vercel の請求が $0 から $94 に跳ね上がったというのです。警告もなく。段階的な値上げもなく。ただ予想外の数字が出現しました。問題は何もなかったのです。彼は何も誤設定していません。プラットフォームはまさに設計通りに動作していました。
このやりとりがこの記事を書くきっかけになりました。Vercel は本当に優れたインフラストラクチャです。Seahawk の歴史を通じておそらく 400 以上のプロジェクトをデプロイした経験から言えることです。しかし料金構造には、細かい字を読んでいない人や読んでも実際の数字を計算していない人が引っかかるトラップが含まれています。その計算を私がやってあげましょう。
Hobby プラン：無料である間は
Vercel の無料ティアは Hobby と呼ばれていて、本当に有用です。個人プロジェクト、ポートフォリオ、低トラフィックのブログなら、すべて対応できます。月間 100GB のバンドwidth、6,000 分の Edge Middleware 呼び出し、100GB 時間のサーバーレス関数実行が得られます。これらの数字は莫大に聞こえます。しかし実際に何かを運用し始めると、そうではありません。Hobby, is legitimately useful. For a personal project, a portfolio, or a low-traffic blog, it'll handle everything. You get 100GB of bandwidth per month, 6,000 minutes of Edge Middleware invocations, and 100GB-hours of serverless function execution. Those numbers sound enormous. They're not, once you're running something real.
実際に Hobby の利用枠を食う要因はここです：
- サーバーレス関数の実行時間。各関数呼び出しはGB時間の上限に対してカウントされます。3秒間実行され512MBのメモリを使用するデータ量の多いAPIルートは、呼び出しごとに0.0004 GB時間を消費します。些細に聞こえるかもしれません。1日10,000リクエストなら1.2 GB時間です。あなたの上限は100。余裕があります。しかし同様のルートを3つか4つ積み重ねると、月の半ばには上限に達します。 Each function call counts against your GB-hours. A data-heavy API route that runs for 3 seconds and uses 512MB of memory burns through 0.0004 GB-hours per invocation. Sounds trivial. At 10,000 requests a day, that's 1.2 GB-hours. Your allowance is 100. You've got room. But stack three or four such routes and you're gone by mid-month.
- 帯域幅。メディアを配信している場合、100GBはすぐになくなります。商品画像、動画プレビュー、またはかなり充実したポートフォリオを備えたサイトでも、まともなトラフィックがあれば2週間で達成できます。 If you're serving any kind of media, 100GB goes fast. A site with product images, video previews, or even a reasonably rich portfolio can hit that in two weeks of decent traffic.
- ビルド分数。月あたり6,000ビルド分数です。多くの静的ページを含む複雑なNext.js 14アプリは、ビルドごとに4～8分かかることができます。頻繁にデプロイしている場合、それは積み重なります。 6,000 build minutes per month. A complex Next.js 14 app with a lot of static pages can take 4-8 minutes per build. If you're deploying frequently, that adds up.
Hobbyの最大の制限は次の通りです。個人用で非商用利用に限定されます。これは単なる細則の詞ではありません。クライアントサイトを構築している場合、小さなものであっても、技術的には利用規約に違反しています。Hobbyアカウントで数ヶ月間クライアントプロジェクトを実行してきたエージェンシーを知っています。デプロイが一時停止されたエージェンシーも知っています。リスクを取る価値はありません。biggest restriction on Hobby is this: it's for personal, non-commercial use. That's not just fine-print padding. If you're building client sites, even small ones, you're technically violating the terms of service. I know agencies that have run client projects on Hobby accounts for months without issue. I also know one that got their deployments suspended. Not worth the risk.
Pro プラン：月額$20、その後複雑になります
Pro プランは月額メンバーあたり$20から始まります。1人の開発者が単独で作業している場合は$20を支払います。4人のチームはシート代だけで$80を支払います。これが基本であり、妥当です。
しかしVercelの価格設定は、これらの基本上限を超えると従量制です。Pro層は次のものを提供します：
- 1TBの帯域幅（Hobbyの100GBと比較）
- 1,000 GB時間のサーバーレス関数実行
- 24,000ビルド分数
これら以上の利用分については、追加料金が発生します。帯域幅の追加利用は1GBあたり$0.15、サーバーレス実行の追加利用は1GB時間あたり$0.18、ビルド分数の追加利用は1分あたり$0.01です。Bandwidth overages run at $0.15 per GB. Serverless execution overages are $0.18 per GB-hour. Build minute overages are $0.01 per minute.
実際の中規模プロジェクトの事例
昨年、Seahawkはイギリスのファッションクライアント向けにNext.js 13のeコマースフロントエンドを構築しました。シングルディベロッパーアカウントで月額$20のシート費用。月間訪問者数は約80,000、ヘッドレスShopifyインスタンスからAPIルートで配信されたプロダクトカタログ、および約3,000のプロダクトページで実行されるISR(Incremental Static Regeneration)を備えていました。
平均月額請求額:$47$47.
内訳は以下の通りです:シート費用$20、帯域幅の追加利用がおよそ$18(高解像度画像を多く配信していましたが、私たちがCloudinaryへの移行を提案しました)、関数実行がおよそ$9。画像配信をCloudinaryに移行し、APIルートに多少のキャッシング処理を追加した後は月額$26に低下しました。アーキテクチャのわずかな変更で、請求額に大きな変化が生まれたわけです。
これがVercelの費用の特徴なのです。固定ではなく、あなたがどのくらい良く構築したかに応じて変わります。
Edge Functionsの変動要因
Vercel Edge Functions(サーバーレス関数とは異なります)を使用している場合、料金体系は異なります。EdgeはLambdaスタイルのコンテナではなくV8アイソレートモデルで実行されるため、呼び出しあたりより高速で安価です。Proプランでは月額500,000回のエッジ関数呼び出しが含まれています。それ以上は100万回あたり$2です。Vercel Edge Functions (not the same as serverless functions), pricing works differently. Edge runs on the V8 isolate model rather than Lambda-style containers, so it's faster and cheaper per invocation. You get 500,000 edge function invocations per month on Pro. After that, it's $2 per million.
ほとんどのチームにとって、エッジ関数の費用はごくわずかです。危険なのはサーバーレスです。常にあなたの関数がどのランタイムを使用しているか確認してください。
画像最適化:目立たない請求項目
これはほぼ全員に引っかかる問題だ。Vercelの組み込みNext.js画像最適化（<Image />コンポーネントが/_next/imageエンドポイントにアクセス）はあなたの含まれている高速オリジン転送に対してカウントされ、一部の構成では独自の使用料金が発生する。<Image /> component hitting the /_next/image endpoint) counts against your included fast origin transfer and, in some configurations, generates its own usage charges.
Proでは、月あたり5,000個のソース画像と50,000個の最適化クレジットが付与される。新しいサイズの組み合わせの一意な画像ごとにクレジットを消費する。200個の商品を3つのブレークポイントで各々レンダリングする商品グリッドは、初回ロード時に600回の最適化を生成する。キャッシュヒットはコストを発生させない。しかし、コールドデプロイメント頻繁に変わるカタログは、これを急速に枯らすことができる。
対策は単純だ。Cloudinary、Imgix、あるいはBunny.netのようなCDNまたは画像サービスをVercelの最適化の前に置く。またはカスタム画像ローダーを構成してVercelのパイプラインをすべてバイパスする。今は新しいNext.jsプロジェクトすべてでこれをデフォルトとしてセットアップしている。
Team AccountsとPer-Seat Trap
ここが代理店のオーナーに打撃を与える場所だ。Proは1メンバーあたり月20ドル。クライアントをVercelチームにオンボーディングしてデプロイメントプレビューを見たり、環境変数を管理したり、分析をチェックできるようにしているなら、彼らのそれぞれが1シートだ。
6つのクライアント連絡先に加えて、あなたの4人の内部開発者で月200ドル、単一の使用超過にもまだ達していない。
ほとんどの人が着地する対策は、内部メンバーのみで単一のチームを保ち、デプロイメントプレビューリンクをクライアントに手動で共有することだ。ライブコラボレーション機能は失うが、実際のお金を節約できる。
クライアントごとに1つのVercel Proアカウントを作成する代理店もある。それはクライアントに請求される月20ドル。実のところ整理されている。各クライアントが自分たちのインフラを所有し、あなたはデプロイヤーに過ぎない。Seahawkではこのモデルに2022年頃に移行し、クライアント引き継ぎの観点からもより整理されている。
Enterpriseがいつ有意味か
VercelのEnterpriseプランは公開価格がない。営業と話す。私が行った会話や見たビルから、チームはProで月1,500ドルから3,000ドル程度の超過まで到達する傾向があり、Vercelは単位あたりより安くなるコミットメント支出契約をしばしば交渉する。 has no public pricing. You talk to sales. Based on conversations I've had and bills I've seen, teams tend to hit the Enterprise conversation at around $1,500-$3,000/month on Pro with overages, where Vercel will often negotiate a committed-spend contract that ends up cheaper per unit.
Enterprise では以下を追加：
- SSO と SAML
- カスタム支出制限とコミットメント料金
- SLA 保証（99.99% のアップタイム保証）
- より高いレベルの DDoS 軽減
- 高度な可視化インテグレーション
ほとんどのクライアントサイトを構築しているエージェンシーにとって、Enterprise は過剰です。これが必要なクライアントは通常、トラフィックの多いコンシューマーアプリ、厳格なセキュリティ要件を持つ内部 SaaS ツール、または 10 分のダウンタイムが直接的な収益に影響を与えるものを運営しています。
Pro に月々 500 ドル以上を継続的に費やしていて、ワークロードが減少することを予想していなければ、営業との通話は 30 分の価値があります。
Vercel が実際のレベルでどのように比較されるか
すべての代替案の完全な内訳はしません（それは別の投稿です）が、ここに正直なコンテキストがあります。
Netlifyの価格体系は同様に構造化されています。フリープランがあり、その後は月額$19/月のProプランが席単位で、独自の帯域幅と関数のオーバーチャージがあります。私の経験では、Netlifyはシンプルなスタティックサイトではやや安く、複雑なサーバーレスワークロードではやや高くなります。特にNext.jsに関する開発体験も、Vercelのすぐ下のレベルです。VercelがNext.jsを構築したのですから当然のことです。 is structured similarly: free tier, then $19/month Pro per seat, with its own bandwidth and function overages. In my experience, Netlify ends up slightly cheaper for simpler static sites and slightly more expensive for complex serverless workloads. The developer experience is also just a notch below Vercel's for Next.js specifically, which makes sense given that Vercel built Next.js.
Railway、Render、Fly.ioは席単位ではなく、純粋なコンピュートに基づいて価格設定されています。永続的なプロセスが必要なサーバーサイドアプリケーションの場合、多くの場合大幅に安くなります。ただし、Next.jsフロントエンド向けのVercel代替案ではありません。別のツールです。
コストが最優先で、少し多めの設定に対応できるなら、Cloudflare Pagesは素晴らしい価値があります。無制限の帯域幅、サーバーレス用のWorkers、本番環境で実際に使用可能な本当のフリープランです。Cloudflareアダプター経由のNext.js互換性は悪くありませんが、完璧ではありません。スムーズなデプロイもあれば、厄介なエッジケースバグもあります。知って損はありません。Cloudflare Pages is remarkable value. Unlimited bandwidth, Workers for serverless, free tier that's genuinely usable in production. The Next.js compatibility via the Cloudflare adapter is decent but not perfect. I've had smooth deployments and I've had gnarly edge case bugs. Worth knowing about.
実際の請求を削減する戦術
ドキュメントを読むのではなく、実際のプロジェクトに基づいて、実際に効果がある方法がこちらです。
- CDNレイヤーで積極的にキャッシュします。Vercelの組み込みCDNは優れていますが、同じサーバーレスレスポンスを繰り返し提供している場合、呼び出しごとに料金が発生します。キャッシュヘッダーを適切に設定してください。トラフィックの多いルートで60秒のキャッシュを設定するだけで、コストを劇的に削減できます。 Vercel's built-in CDN is good, but if you're serving the same serverless response repeatedly, you're paying per invocation. Set cache headers properly. Even a 60-second cache on a high-traffic route can cut costs dramatically.
- スタティックアセットをVercelから移動します。S3 + CloudFront、Bunny.net、またはR2（Cloudflareのストレージで、エグレス料金がありません）を画像、動画、その他の大規模アセット用に使用します。帯域幅オーバーチャージ（1GBあたり$0.15）は積み重なります。Bunny.netはヨーロッパの帯域幅で1GBあたり約$0.01を請求します。 S3 + CloudFront, Bunny.net, or R2 (Cloudflare's storage, which has no egress fees) for images, videos, and other large assets. Bandwidth overage at $0.15/GB adds up. Bunny.net charges around $0.01/GB for European bandwidth.
- サーバーレス関数のリージョンを監査します。一部の構成では、関数はデフォルトですべてのリージョンで実行されます。ユーザーがヨーロッパにいてデータベースがeu-west-1にある場合、関数をus-east-1経由でルーティングするとレイテンシーと呼び出しが追加されます。関数を正しいリージョンに固定してください。 Functions run in all regions by default in some configurations. If your users are in Europe and your database is in eu-west-1, routing functions through us-east-1 adds latency and invocations. Pin your functions to the right region.
- 軽量なロジック用にエッジランタイムを使用します。認証トークン検証、ヘッダー操作、リダイレクト。これらはサーバーレスよりもエッジの方が高速で安いです。 Auth token validation, header manipulation, redirects. These are faster and cheaper on edge than on serverless.
- チームの人員リストを四半期ごとに確認します。月額$20の無駄な席は単なる浪費です。 Stale seats at $20/month each are just waste.
FAQ
Vercelは商用プロジェクトに無料ですか？
いいえ。Hobbyプランは商用利用を明確に禁止しています。有料クライアント向けに何かを構築している場合、または収益を生み出すプロダクトを構築している場合は、Proプランが必要です。これは曖昧なグレーゾーンではなく、Vercelの利用規約は明確に定めています。
Proで制限を超えた場合はどうなりますか？
Vercelはあなたを遮断しません。料金ページに記載されているレートで超過分を請求します。帯域幅は$0.15/GB、サーバーレス実行は$0.18/GB時間です。デフォルトではハードキャップはありませんが、請求設定で支出制限を設定してアラートを受け取るか、デプロイを停止することができます。新しいプロジェクトでは常に支出アラートを設定しています。1ヶ月後に予期しない請求に気づくことは避けられます。
トラフィックの多いNext.jsアプリをVercel Proで実行して、Enterpriseに達しないようにできますか？
はい、確実にできます。決定要因は通常、トラフィック量ではなく、アーキテクチャです。キャッシュが適切に設定され、エッジ最適化されたNext.jsアプリで、正しいISRと外部画像配信があれば、月に数百万訪問者をProで月$30～60で処理できます。チャットのようなサーバーレス関数が多く、キャッシュがないアプリの場合は、トラフィックの4分の1で5倍のコストがかかります。
$20/月のProプランはプロジェクトごとですか、それともチームごとですか？
チームの1シートあたりです。Vercelチーム内の各メンバーに対して$20を支払い、そのチームは無制限のプロジェクトを持つことができます。ソロ開発者の場合、デプロイするプロジェクトの数に関係なく、月$20を支払います。
Vercelはプレビューデプロイに対して料金を請求しますか？
プレビューデプロイメント自体には別途料金はかかりません。ただしビルド分数を消費しますし、プレビューテスト中に呼び出されたサーバーレス関数はすべて実行上限にカウントされます。プルリクエストが多いチームでは、ビルド分数が実際のコスト項目になります。
---
率直なまとめ：Vercel はインフラとして優れており、特に Next.js ではデベロッパー体験で右に出るものはありません。ただしこれは定額制のサービスではなく、クライアントをオンボードしたり製品をスケールさせたりする場合、起動後ではなく起動前に利用状況をモデル化する必要があります。想定される関数呼び出し、帯域幅、画像最適化を実行してください。20% のバッファを組み込む。その後、Pro が妥当か、それとも先にアーキテクチャを調整する必要があるかを判断してください。
私に慌てて電話してきたそのクライアント？今でも Vercel を使っています。請求額は月額 31 ドルです。その価値があります。