Vercelを使ってみた
Next.js や React などのWebアプリを、超かんたんにデプロイ（公開）できるクラウドサービス。NextJSを簡単にデプロイできるので使ってみた。
Vercelとは
Vercelとは
-
静的サイトやサーバーレスアプリを自動でビルドして公開してくれる
-
GitHub / GitLab / Bitbucket と連携して、コードを push するだけでサイトが自動デプロイ
-
Next.js の公式開発元（Vercel社）が運営しているため、Next.jsとの相性が抜群
-
プレビューURLやカスタムドメインもワンクリックで設定可能
主な機能
| 機能 | 内容 |
|---|---|
| 自動デプロイ | Gitリポジトリにpushすると自動でビルド＆デプロイ |
| プレビュー環境 | PRごとにURLを自動発行（チーム開発に便利） |
| サーバーレス関数 | /api フォルダに置いた関数をAPIとして実行できる |
| CDN配信 | 世界中に高速配信（静的ファイルは自動でキャッシュ） |
| カスタムドメイン | 独自ドメインを簡単に設定可能 |
使い方
流れ
-
GitHubにNext.jsプロジェクトをpush
-
VercelにGitHub連携でインポート
-
「Deploy」を押すだけ
→ 数十秒で本番URL
（例：https://your-app.vercel.app）が発行される