cacheComponents

cacheComponentsフラグは、Next.jsの機能であり、App Routerでのデータ取得操作が明示的にキャッシュされない限り、プリレンダリングから除外されます。これは、Server Componentsでの動的なデータ取得のパフォーマンスを最適化するのに役立ちます。

アプリケーションがプリレンダリングされたキャッシュから提供されるのではなく、実行時に最新のデータ取得を必要とする場合に役立ちます。

use cache と併用することが期待されています。これにより、ページ、関数、またはコンポーネントレベルで use cache を使用してキャッシュすることが明示的に定義されていない限り、データ取得はデフォルトで実行時に行われます。

使用方法

cacheComponents フラグを有効にするには、next.config.ts ファイルで true に設定します。

import type { NextConfig } from 'next'
 
const nextConfig: NextConfig = {
  cacheComponents: true,
}
 
export default nextConfig

cacheComponents が有効になっている場合、以下のキャッシュ関数と構成を使用できます。

• use cache ディレクティブ
• use cache を使用した cacheLife 関数
• cacheTag 関数

Notes

• cacheComponents は、実行時に最新のデータ取得を保証することでパフォーマンスを最適化できますが、プリレンダリングされたコンテンツを提供するよりも追加の遅延が発生する可能性もあります。

バージョン履歴