reactMaxHeadersLength

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

module.exports = {
  reactMaxHeadersLength: 1000,
}

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

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