コンテンツへスキップ
APIリファレンス関数revalidateTag

revalidateTag

revalidateTagを使用すると、特定のキャッシュタグに対してキャッシュされたデータをオンデマンドでパージできます。

ご参考:

  • revalidateTagは、パスが次に訪問されたときにのみキャッシュを無効にします。これは、動的なルートセグメントでrevalidateTagを呼び出しても、一度に多くの再検証がすぐにトリガーされるわけではないことを意味します。無効化は、パスが次に訪問されたときにのみ行われます。

パラメータ 

revalidateTag(tag: string): void;
  • tag: 再検証したいデータに関連付けられたキャッシュタグを表す文字列。256文字以下である必要があります。この値は大文字と小文字を区別します。

fetchにタグを追加するには、次のようにします。

fetch(url, { next: { tags: [...] } });

戻り値

revalidateTagは値を返しません。

例

サーバーアクション

app/actions.ts
'use server'
 
import { revalidateTag } from 'next/cache'
 
export default async function submit() {
  await addPost()
  revalidateTag('posts')
}

ルートハンドラー

app/api/revalidate/route.ts
import type { NextRequest } from 'next/server'
import { revalidateTag } from 'next/cache'
 
export async function GET(request: NextRequest) {
  const tag = request.nextUrl.searchParams.get('tag')
  revalidateTag(tag)
  return Response.json({ revalidated: true, now: Date.now() })
}