Next.js カスタムキャッシュハンドラ

Next.js では、Pages ルーターと App ルーターのデフォルトキャッシュハンドラはファイルシステムキャッシュを使用します。これは設定不要ですが、next.config.js の cacheHandler フィールドを使用してキャッシュハンドラをカスタマイズできます。

module.exports = {
  cacheHandler: require.resolve('./cache-handler.js'),
  cacheMaxMemorySize: 0, // デフォルトのメモリ内キャッシュを無効化
}

カスタムキャッシュハンドラの例を参照し、実装の詳細について学びましょう。

API リファレンス

キャッシュハンドラは以下のメソッドを実装できます: get、set、revalidateTag

get()

キャッシュされた値を返すか、見つからない場合は null を返します。

set()

Promise<void> を返します。

revalidateTag()

Promise<void> を返します。データの再検証やrevalidateTag() 関数について詳しく学びましょう。

知っておくと便利:

• revalidatePath はキャッシュタグの便利なラッパーです。revalidatePath を呼び出すと revalidateTag 関数が呼び出され、パスに基づいてキャッシュキーにタグ付けするか選択できます。

バージョン履歴