Next.jsローカル環境でコードにエラーがないか確認する方法についてのメモです。

今までGitHubにpushしてVercelで自動デプロイして、そこでエラーがないか確認していたのですが、やり方がおかしいと思うので、ローカル環境でエラーがないか確認する方法について調べてみました。

手順

1npm run devを実行中の場合は、Ctrl+Cでバッチジョブを終了する。

2npm run buildを実行する。

3エラーがあれば、エラーメッセージが表示されるので、それを見てコードを修正する。

4npm run buildでエラーが出なければ、本番環境でデプロイする。

npm run buildを実行した後、npm run startで動作を確認できます。npm run devよりページ遷移が速いです。