reactMaxHeadersLength

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

module.exports = {
  reactMaxHeadersLength: 1000,
}

知っておくと良いこと: このオプションは App Router のみで利用可能です。

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