ISR (Incremental Static Regeneration)

TL;DR: Incremental Static Regeneration (ISR) adalah fitur Next.js yang menggabungkan kecepatan halaman statis dengan kesegaran data dinamis. Halaman tetap di-generate sebagai statis, tetapi diperbarui di latar belakang setiap interval tertentu, sehingga konten tetap up-to-date tanpa mengorbankan kecepatan muat.

Apa itu ISR?

ISR adalah mekanisme di Next.js yang memungkinkan sebuah halaman statis "menyegarkan dirinya" secara berkala. Analoginya seperti koran cetak yang bisa memperbarui satu halaman tertentu tanpa mencetak ulang seluruh edisi. Pendekatan ini menjaga skor Core Web Vitals tetap baik karena pengunjung tetap menerima HTML statis yang cepat, sementara data segar disiapkan di belakang layar.

Cara Kerjanya

• Halaman pertama disajikan dari versi statis yang sudah ada.
• Setelah interval revalidate tercapai, permintaan berikutnya memicu regenerasi di latar belakang.
• Versi baru menggantikan yang lama tanpa pengguna merasakan jeda.

Dalam praktik di situs ini, pendekatan ISR dipakai untuk halaman yang kontennya bertambah rutin tetapi tidak perlu real-time penuh. Dokumentasi resmi tersedia di Next.js Docs.

Kenapa Penting?

Untuk website bisnis atau blog yang sering menambah konten, ISR memberi keseimbangan ideal: cepat seperti situs statis, segar seperti situs dinamis. Ini relevan bagi marketer yang ingin halaman terindeks cepat dan tetap ringan, mendukung strategi programmatic SEO berskala besar.

Pertanyaan Umum

Apa bedanya ISR dengan SSG biasa?

SSG (Static Site Generation) membangun semua halaman sekali saat build. ISR menambahkan kemampuan memperbarui halaman tertentu setelahnya tanpa build ulang penuh.

Apakah ISR cocok untuk data real-time?

Kurang cocok jika data harus akurat per detik. ISR ideal untuk konten yang berubah dalam hitungan menit atau jam, bukan instan.