Kodeloka
  1. Kodeloka
  2. Kelas Next.js
  3. Materi

Data & Caching ยท Modul 11 dari 23

Revalidation & Dynamic Data Tagging (revalidatePath & revalidateTag)

On-demand cache invalidation menggunakan revalidatePath() dan revalidateTag() untuk memperbarui UI real-time.

๐ŸŽฏ Poin-Poin Utama Modul Ini:
  • revalidatePath('/events') membersihkan cache untuk path URL tertentu
  • revalidateTag('events-list') membersihkan cache spesifik berdasarkan tag data
  • Best practice memanggil revalidasi di akhir eksekusi Server Action

๐Ÿ”„ On-Demand Cache Invalidation

Ketika mutasi data terjadi (misal: pengguna menambahkan event baru atau mengupdate profil), cache halaman terkait harus dibersihkan secara presisi menggunakan On-Demand Revalidation.

  • revalidatePath(path): Membersihkan cache seluruh komponen pada rute tersebut.
  • revalidateTag(tag): Membersihkan cache berlabel spesifik tanpa merusak cache halaman lain.