サービス

Vercel

バーセル

Git（ギット）に push するだけで Web サイトが公開される、フロントエンド特化のホスティングサービスです。

体験区分：少しだけ触った推奨読者レベル：Level 2-3

Git リポジトリに push すると自動でビルド・デプロイし、Preview URL を発行します。Next.js の開発元が運営するためフロントエンド向け設定が最初から整っています。

AI に「Web アプリを作って」と頼むと出力に Vercel への公開手順が含まれます。GitHub 連携で本番 URL が数十秒で出るので試作品の社外共有でも名前が出ます。

構造図

2026.04·ready

「PR ごとに Preview URL が出るので、デザイナーにもすぐ確認してもらえます。」

Vercelの見方

この用語の見どころ

役割

push をトリガーにビルド・デプロイ・URL 発行を自動化します。

うれしさ

設定なしで Next.js が動き、URL が即日もらえます。

注意点

フロントエンド特化のため、バックエンド処理は別途用意が必要です。

どこで役立つか

試作品の外部共有や、PR ごとの確認 URL 配布に便利です。

はじめに

push で URL が出る流れとプレビュー・本番の 2 段階を押さえます。

深掘り先

Next.js、CI/CD、デプロイ、v0（ブイゼロ）。

非エンジニアのつまずき

私のコメント

開発フローでの位置

コード編集

→

Git push

→

Preview 確認

→

本番リリース