use cache ディレクティブ
キャッシュ情報
- キャッシュ生成時刻:
- 2026-03-16T10:12:14.728Z
- ランダムID:
- oybeej
- キャッシュライフ:
- minutes (5分)
- キャッシュタグ:
- use-cache-demo
- 実行環境:
- Server (Node.js)
use cache の特徴
- Next.js 15 の新しいキャッシュAPI
- 関数やコンポーネント単位でキャッシュを制御
- cacheLife でキャッシュ期間を設定
- cacheTag で revalidateTag による無効化が可能
- カスタム cacheHandler と連携
検証方法: ページをリロードして時刻を確認。 キャッシュが有効な間は同じ時刻が表示されます。 カスタム cacheHandler のログでキャッシュ動作を確認できます。
コード例:
"use cache";
import { cacheLife, cacheTag } from "next/cache";
async function fetchData() {
"use cache";
cacheLife("minutes");
cacheTag("my-tag");
// ... データ取得
}