コンテンツへスキップ
設定next.config.jsserverComponentsHmrCache

serverComponentsHmrCache

この機能は現在実験的であり、変更される可能性があります。本番環境での使用は推奨されません。GitHubで試してフィードバックを共有してください。

実験的な serverComponentsHmrCache オプションを使用すると、ローカル開発中のホットモジュールリプレースメント (HMR) 更新全体で、サーバーコンポーネントの fetch 応答をキャッシュできます。これにより、応答が高速化され、課金対象のAPI呼び出しのコストが削減されます。

デフォルトでは、HMRキャッシュは cache: 'no-store' オプションを含むすべての fetch リクエストに適用されます。これは、キャッシュされていないリクエストがHMR更新間で新しいデータを表示しないことを意味します。ただし、ナビゲーションまたは完全なページ再読み込み時にキャッシュはクリアされます。

HMRキャッシュは、next.config.js ファイルで serverComponentsHmrCache を false に設定することで無効にできます。

next.config.ts
import type { NextConfig } from 'next'
 
const nextConfig: NextConfig = {
  experimental: {
    serverComponentsHmrCache: false, // defaults to true
  },
}
 
export default nextConfig

ご存知でしたか: 可観測性を高めるために、開発中にフェッチのキャッシュヒットとミスをコンソールにログ記録するlogging.fetchesオプションを使用することをお勧めします。