javascript / intermediate
Snippet
Feingliedrige Cache-Invalidierung mit revalidateTag
Next.js ermöglicht es, Datenabrufe mit Tags zu versehen. Durch die Verwendung von revalidateTag können Sie gezielt bestimmte Cache-Einträge bei Bedarf löschen, anstatt sich auf globale Timer zu verlassen, was für die Aktualität der Daten über verschiedene Komponenten hinweg entscheidend ist.
snippet.js
1
2
3
4
5
6
import { revalidateTag } from 'next/cache';export async function updateProfile(id) {await db.users.update(id);revalidateTag('user-profile');}
nextjs
Erklärung
1
import { revalidateTag } from 'next/cache';
Importiert die Hilfsfunktion zum Auslösen manueller Cache-Löschungen im App Router.
2
revalidateTag('user-profile');
Weist Next.js an, alle zwischengespeicherten Daten ungültig zu machen, die mit dem Tag 'user-profile' abgerufen wurden.