Next.js CLI

Next.js CLI を使用すると、アプリケーションの起動やビルド、エクスポートを行うことができます。

利用可能な CLI コマンドのリストを取得するには、プロジェクトのディレクトリ内で以下のコマンドを実行してください:

npx next -h

(npx はnpm 5.2+ 以上に組み込まれています。)

以下のように出力されます:

Usage
  $ next <command>

Available commands
  build, start, export, dev, telemetry

Options
  --version, -v   Version number
  --help, -h      Displays this message

For more information run a command with the --help flag
  $ next build --help

next コマンドには、任意の node arguments を引数として渡すことができます:

NODE_OPTIONS='--throw-deprecation' next
NODE_OPTIONS='-r esm' next
NODE_OPTIONS='--inspect' next

ビルド

next build は、アプリケーションに最適化された本番のビルドを作成します。出力にはそれぞれのルーティングに関する情報が表示されます。

Size – クライアントサイドのページへ移動する際にダウンロードされるアセットの数。各ルーティングのサイズには、依存関係のみが含まれます。
First Load JS – ページへアクセスしたときにサーバーからダウンロードされたアセットの数。すべてのアプリケーションで共有される JS の量は、別の指標として表示されます。

最初のロードは、緑色か黄色、あるいは赤色のいずれかで表示されます。緑色を目指すことは、パフォーマンスの高いアプリケーションを開発することに繋がります。