Cache Features
State Management
Revalidate Caching
Fitur ini digunakan untuk melakukan caching data saat pertama kali data di fetch. Fitur ini sangat berguna ketika data yang jarang sekali berubah ataupun sesekali berubah. Fitur ini berfungsi ketika menggunakan fetch data di dalam Server Action / API Response.
Mengapa menggunakan Server Action ketika ingin melakukan fetch data? Hal ini hanya di lakukan ketika fetch data yang sangat sensitif, karna Server Action tidak akan berjalan di Client Components / Client Side. Jadi dengan begitu data akan aman dari Exploit / Cyber Attack lainnya.
- Data user
- Data Account
- ataupun Data lainnya yang cukup sensitif
Contohnya :
Revalidate Path
Fitur ini cukup penting jika menggunakan Revalidate untuk chacing data ke Server, Kenapa begitu penting? Karna Next.js otomatis Caching data ke Server, maka dari itu Revalidate penting agar data menjadi fresh. Dan fungsing dari Revalidate Path adalah meng-update data yang sudah di cache secara otomatis oleh Next.js
Jadi fungsi utama fitur ini adalah menjaga data selalu fresh ketika di update, tanpa harus mengunggu interval Revalidate Cahcing yang sudah tentukan di dalam Server Action / API Response
Contoh Code Server Action yang menghapus sebuah data, dan langsung memperbarui caching data
// Server Action
export async function DeleteData(id: string) {
await prisma.equiment.delete({
where: { id },
});
revalidatePath("/"); // Bersihkan cache agar data terbaru muncul
}