Digital Transformation
Incremental Static Regeneration (ISR)
TL;DR: Incremental Static Regeneration (ISR) adalah fitur Next.js yang memungkinkan halaman statis di-update otomatis setelah interval waktu tertentu, atau lewat trigger on-demand, tanpa harus menjalankan rebuild penuh. Per Next.js 15 yang dirilis akhir 2024, ISR sudah jadi default di App Router dengan opsi
revalidatedi setiap segment.
Apa itu Incremental Static Regeneration?
ISR menggabungkan keunggulan static site generation (SSG) dan server-side rendering (SSR). Halaman dirender ke HTML statis saat build atau saat permintaan pertama, lalu Next.js menyimpan hasilnya di cache CDN. Setelah interval revalidate lewat, permintaan berikutnya akan tetap mendapat versi cache instan, sementara Next.js mengambil data baru di latar belakang dan menggantinya. Pengguna berikutnya akan mendapat versi segar. Konsep ini erat dengan REST API sebagai sumber data dan Data Warehouse sebagai backend analitik.
Kapan Memakai ISR
| Kasus | Cocok ISR | Alasan |
|---|---|---|
| Halaman daftar artikel CMS | Ya | Konten berubah harian, traffic tinggi |
| Halaman produk e-commerce | Ya | Stok dan harga update berkala |
| Halaman dashboard pribadi | Tidak | Butuh data real-time per user |
| Halaman checkout | Tidak | State user-spesifik, butuh SSR |
| Halaman dokumentasi | Ya | Update jarang, butuh kecepatan |
| Halaman landing kampanye | Ya | A/B test isi bisa pakai on-demand revalidate |
Untuk konten marketer bisnis seperti blog atau glosarium yang traffic-nya organik, ISR ideal karena pembaca tidak butuh data real-time per detik, tapi tetap perlu konten selalu update tanpa harus deploy ulang setiap kali penulis posting.
Kenapa Penting?
ISR memungkinkan tim kecil mengelola situs berukuran ribuan halaman dengan biaya server minimal. Karena halaman utama disajikan dari cache CDN, latency p95 bisa di bawah 200 ms global, sementara fungsi serverless hanya berjalan saat ada permintaan untuk halaman yang sudah expired. Vercel, sebagai vendor utama Next.js, menghitung tagihan berdasarkan invocation, jadi ISR memotong biaya operasional dibanding SSR penuh.
Pertanyaan Umum
Apakah ISR bisa dipakai di luar Vercel?
Bisa. ISR adalah fitur Next.js, bukan Vercel, jadi self-hosted Node server dengan adapter standar atau penyedia lain seperti Netlify dan Cloudflare juga mendukungnya, meskipun konfigurasinya berbeda.
Apa beda ISR dengan SSG biasa?
SSG hanya render saat build. Setelah deploy, halaman statis sampai build berikutnya. ISR menambahkan kemampuan refresh otomatis setelah interval tanpa rebuild seluruh situs.
Istilah Terkait