[Next.js] ローカル環境でコードにエラーがないか確認する方法

Next.js
注意: Next.js初心者によるメモです。

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

広告

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

手順

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

2npm run buildを実行する。

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

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

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

おわりに

俺にはメンターが必要な気がする…。

広告