Next.js製のアプリをVercelにデプロイする

Next.jsで作成したアプリのデプロイ先に初めてVercelを使ってみたので備忘録です。驚くほど簡単でした。

1. Vercelにアクセス

初めにVercelの新規プロジェクトのページにアクセスします。

2. リポジトリをインポート

すると以下のようなページが出てくると思います（2023/12/12時点）。

リポジトリのあるサービスを選択します。今回はGitHubで進めます。選択すると認証するか否かのポップアップが立ち上がるので、認証します。

3. デプロイするリポジトリを選択

認証が無事完了すると、Vercelのページに遷移し、以下のようなリポジトリ一覧が表示されます。
ここでデプロイしたいリポジトリの横にある「import」ボタンをクリックします。

4. デプロイをクリック

すると画面が遷移するので、ビルドコマンドなどを必要に応じて設定して「Deploy」ボタンをクリックして完了です。

5. 完了

デプロイが完了すると、以下のようにデプロイが成功したことを知らせるメッセージが表示され、Web上に公開されます。お疲れさまでした！