Incremental Static Regeneration - Static yang ga static static amat

Ok, pertama biar enak, gw mau jelasin dulu apa itu SSR(Server Side Rendering),apa itu CSR(Client Side Rendering), dan apa itu SSG(Static Site Generation)

Jadi SSR adalah mekanisme jadul yang seperti namanya, melakukan render di server.. maksudnya gimana?
misal kita mau melakukan query untuk mengambil data profile, nah si query profile ini bakal dilakuin dulu sampai selesai, baru dia bakal render halaman nya.. sehingga data profile sudah ada ketika halaman dirender
pros:
– Lebih mudah terindex oleh search engine
cons:
– Web terasa lebih lambat (karena halaman tampil menunggu data tersaji dulu)

sedangkan CSR adalah lawan dari SSR, memanfaatkan teknologi js yang sedang populer, halaman statis akan langsung di render oleh si js ini.. kemudian data biasanya akan diambil secara asynchronus saat web berjalan, sehingga dari segi UX CSR ini akan terasa lebih cepat

Sedangkan SSG ga seperti SSR yang ngambil data tiap halaman di buka, SSG cuma bakal generate halaman saat Build Time, dan kemudian disajikan secara static..
pros:
– bisa lebih mudah terindex (karna datanya static)
cons:
– karna halaman hanya di generate saat build time, kita harus me rebuild saat membuat halaman baru, post di blog misalnya

Jadi Incremental Static Regeneration ini adalah salah satu fitur dari next js, yang memungkin kan kita generate halaman baru saat runtime
gimana cara kerja nya?

dengan menggunakan fallback=true di function getStaticPaths di next. Secara simple nya, fungsi ini akan meminta kita untuk mendefine array of path, nah di saat runtime jika kita mengakses halaman di luar path yang di define di awal dia tidak akan me return 404 melainkan halaman fallback, nah fallback inilah yang akan menjadi halaman baru

untuk info lebih lanjut secara teknis bisa check disini