Custom Next.js Cache Handler

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

module.exports = {
  cacheHandler: require.resolve('./cache-handler.js'),
  cacheMaxMemorySize: 0, // disable default in-memory caching
}

custom cache handlerの例を見て、実装について詳しく学びましょう。

API Reference

cache handler は以下の Method を実装できます：get、set、そしてrevalidateTag。

get()

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

set()

Promise<void>を返します。

revalidateTag()

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

Good to know:

• revalidatePathは cache タグの上に便利なレイヤーです。revalidatePath を呼び出すと、revalidateTag関数が呼び出され、それを使って、path に基づいて cache キーをタグ付けするかどうかを選択できます。

Version History