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.
