NextJSフレームワークにおける本番モード
本番モードは、プロジェクトをホスティングで実行するためのものです。 このモードの主な目的は、プロジェクトの最大のパフォーマンスと セキュリティを確保し、システムメモリを節約するために ロードされるファイルのサイズを減らすことです。
本番モードの主な特徴:
- コードの最適化 - 本番環境で起動する前に、コードはコンパイルされます。 例えば、JavaScriptとCSSのミニファイが行われ、サイズを削減し ページの読み込み速度を向上させます。
- 静的生成 - フレームワークは事前にページを生成するため、 サイト上での読み込みが速くなります。
- 画像の最適化、これらは自動的に圧縮され、 様々な画面サイズやデバイスに合わせて調整されます。
- デバッグ情報の削除 - エラーデバッグのためのコードはすべて ブラウザのページから削除されます。これはプロジェクトの安全な運用と、 ファイル構造に関する情報をユーザーから隠すために必要です。
- ホットリロードの不在 - 開発モードとは異なり、 変更が加えられるたびに自動リロードは行われません。
本番モードは2つのコマンドで起動します。まず、 プロジェクトの本番用ビルドを実行する必要があります:
npm run build
次に、ビルドされたプロジェクトを起動します:
npm start
プロジェクトを起動すると、プロジェクトの基本構造に関する 情報が表示されます。 特別な記号で、プロジェクトのコンテンツタイプ - 静的コンテンツと 動的コンテンツがマークされます。現時点では、 静的コンテンツしかありません。
試しに、プロジェクトを 本番モードで起動してください。
本番モードを終了し、 開発モードを有効にしてください。次のレッスンでは、 このモードで作業を進めていきます。