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.