Next.js’de Incremental Static Regeneration (ISR) nasıl kullanılır?

Next.js'de Incremental Static Regeneration (ISR) Kullanımı

Incremental Static Regeneration (ISR), Next.js uygulamalarında statik içeriğin güncellenmesini sağlayan bir özelliktir. ISR, belirli aralıklarla sayfaların yeniden oluşturulmasını mümkün kılar.

Temel Adımlar

• GetStaticProps Kullanımı: Sayfa bileşeninde `getStaticProps` fonksiyonu tanımlayın.
• Revalidate Süresi: Fonksiyonda `revalidate` anahtarını ekleyin. Bu süre, sayfanın ne zaman yeniden oluşturulacağını belirtir.

Örnek Kod

```javascript export async function getStaticProps() { const data = await fetchData(); // Veri çekme işlemi return { props: { data, // Verileri bileşene geçirin }, revalidate: 60, // 60 saniye sonra sayfayı yeniden oluştur }; } ```

Avantajları

• Performans: Statik sayfalar hızlı yüklenir.
• Güncellemeler: İçeriğin belirli aralıklarla güncellenmesini sağlar.
• SEO Uyumluluğu: Statik içerik arama motorları için daha iyidir.

ISR, Next.js uygulamalarında kullanıcı deneyimini iyileştirmek için etkili bir yöntemdir. Doğru yapılandırıldığında, hem statik hem de dinamik içerik sunulabilir.