Vercel

かんたんに言うと

Vercel は Next.js を生み出した会社で、「フロントエンドをデプロイする」ことを極限までスムーズにしました。コードをプッシュすれば、自動でビルドして世界中に公開してくれ、しかもバージョンごとにプレビュー URL まで用意してくれるので、チームでレビューできます。

得意分野はフロントエンドとフルスタックのフレームワークです。画面を中心にしたプロジェクトで素早くイテレーションしたいなら、Vercel の体験はとても気持ちいい。ただしトラフィックが増えると、費用は Cloudflare より目に見えて上がります。プラットフォームを選ぶときに、あらかじめ計算しておきたいポイントです。

アーキテクチャ

動作の流れ

請求にびっくりするとき

個人サイトやポートフォリオなら、hobby プランは本当に気前がよく、ほとんどの人は 1 円も払いません。意外は後からやってきます——商用トラフィックが入ってきたときです。帯域（訪問者に送るデータ量）と serverless の使用量（バックエンド関数がする仕事）はどちらも従量課金で、人気が出たプロダクトでは、最初の静かな月から想像するよりずっと速いペースで増えていきます。対策は Vercel を避けることではなく、受け手が増えるにつれて使用量ダッシュボードをちらっと見ることです。最初の大きな請求書に気づかされる、という事態を防げます。

まとめ

• Vercel ＝ フロントエンド / Next.js デプロイ体験の基準。
• プッシュすれば公開、プレビューデプロイで協業がはかどる。
• 大量トラフィックではコストを事前に見積もり、バックエンドは別サービスが必要になることが多い。