【ばーせる】

Vercel とは?

最終更新:
💡 git pushするだけでプレビューと公開まで進むデプロイ基盤

Next.jsの開発元が運営するクラウドプラットフォーム。Gitリポジトリと連携すると、pushのたびに自動でビルド・デプロイされ、Webアプリを世界中の拠点から配信できる。

📌 このページのポイント
Vercelのデプロイフロー Git Push GitHub / GitLab 自動ビルド Next.js / Astro など エッジ配信 世界中の CDNへ展開 ユーザー 高速表示 プレビュー機能 PRごとにプレビューURLを自動生成 → チームでレビュー可能
Vercelのデプロイフロー:git pushから世界配信まで自動化
ひよこ ひよこ
Vercelって何ができるサービスなの?
ペンギン先生 ペンギン先生
Webサイトやアプリを、手軽にデプロイ(公開)できるクラウドサービスだよ。GitHubなどのリポジトリと連携しておけば、コードをpushするだけで自動的にビルドされて、公開まで進むんだ
ひよこ ひよこ
AWSとかと何が違うの?
ペンギン先生 ペンギン先生
AWSはサーバーやデータベースなど部品がたくさんあって、組み合わせて何でも作れる反面、設定することも多いよね。Vercelは多くの場合フレームワークを自動で判別して、ビルドの設定を用意してくれるから、Webアプリを公開するまでの手順が少ないのが特徴だよ。そのぶん、細かい構成を自由に選びたい場合はAWSのような汎用クラウドのほうが向いていることもあるんだ
ひよこ ひよこ
Next.jsじゃないとダメなの?
ペンギン先生 ペンギン先生
そんなことはないよ。Astro・SvelteKit・Nuxt・Viteなどのフロントエンドのフレームワークに加えて、ExpressやFastAPIのようなバックエンドのフレームワークにも対応しているんだ。Next.jsは同じ会社が開発しているから、特に組み合わせやすいね
ひよこ ひよこ
プレビュー機能って便利そう!
ペンギン先生 ペンギン先生
本番以外のブランチにpushしたりプルリクエストを作ったりすると、その変更だけを反映した確認用のURLが自動で作られるんだ。本番に影響を与えずに見た目や動きを確かめられるから、デザイナーやレビューする人にURLを送ってチェックしてもらいやすいよ
ひよこ ひよこ
無料で使えるの?
ペンギン先生 ペンギン先生
無料のHobbyプランがあるけど、個人の非商用利用に限られているよ。仕事のサイトならProプラン以上が必要で、2026年10月時点ではProは開発メンバー1人あたり月20ドルに、使った量に応じた料金が加わる仕組みなんだ。料金体系は変わることがあるから、使う前に公式の料金ページを確認しようね
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Vercel」って出てきたら「Gitにpushするだけで、Webアプリをビルドして公開できるクラウド」と思えればだいたいOK!
📖 おまけ:英語の意味
「Vercel」 = 社名(造語)
💬 もとはZEIT(ドイツ語で「時間」)という社名で、2020年4月にVercelへ変わったよ。発表では、versatile(多用途)・accelerate(加速)・excel(秀でる)という言葉と強く結びつく名前だと説明されているんだ

参考資料

← 用語集にもどる