VercelでNext.jsのDeployができない

結論

環境変数.env の登録ができていない。

環境変数を用いた Next.js のサイトを Vercel にデプロイする場合、事前に管理画面から環境変数を設定する必要があります。

設定方法は「対象のプロジェクト」→「Settings」→「Environment Variables」→「NAME, VALUE を入力して追加」。

NEXT_PUBLIC_SERVICE_ID=XXX の場合
↓
NAME = NEXT_PUBLIC_SERVICE_ID
VALUE = XXX

登録が成功した場合

経緯

日本製の HeadlessCMS である microCMS を利用して、Next.js で簡単なブログを制作しました。しかしながら、 Vercel にはじめてデプロイするところでコケてしまったため解消方法を忘れないようにまとめました。