reactMaxHeadersLength

静的レンダリング中、React はレスポンスに追加できるヘッダーを出力できます。これらは、ブラウザがフォント、スクリプト、スタイルシートなどのリソースをプリロードできるようにすることで、パフォーマンスを向上させるために使用できます。デフォルト値は 6000 ですが、next.config.js の reactMaxHeadersLength オプションを設定することでこの値を上書きできます。

module.exports = {
  reactMaxHeadersLength: 1000,
}

重要: このオプションは App Router でのみ利用可能です。

ブラウザとサーバー間のプロキシの種類によっては、ヘッダーが切り捨てられることがあります。たとえば、長いヘッダーをサポートしていないリバースプロキシを使用している場合、ヘッダーが切り捨てられないように、より低い値を設定する必要があります。