← Next.js33 / 57
revalidatePath & revalidateTag
Setelah mutasi data di Server Action, panggil revalidatePath('/posts') agar Next.js membersihkan cache dan merender ulang tampilan data terbaru.
👀 Contoh dulu
import { revalidatePath } from "next/cache";
revalidatePath('/dashboard');Hasilnya: Cache halaman /dashboard di-refresh instan setelah data bertambah.
💡 revalidatePath memberi tahu Next.js untuk memperbarui halaman ter-cache.
📝 Sekarang giliranmu
Setelah menyimpan postingan baru ke database, rute /posts masih menampilkan data lama yang ter-cache. Panggil fungsi Next.js yang sudah diimpor untuk menghapus cache pada rute /posts.
Preview