📌 Next.js – Çalışma Prensibi

Next.js, modern web uygulamalarında sunucu ve istemci işlevlerini birleştirerek hızlı ve SEO dostu sayfalar sunar. Temel prensip:

Önce HTML yüklenir, sonra hidrasyon ile bileşenlere JavaScript interaktivitesi eklenir.

Ayrıca ziyaret edilen her route önbellekte tutulur ve client/server bileşenleri arasındaki kurallar uygulanır.

1️⃣ Rendering Stratejilerinin Gelişimi

Eski Yaklaşım: PHP, WordPress gibi geleneksel sitelerde tüm sayfa sunucuda render edilirdi. Her sayfa geçişi tam yenileme gerektirirdi.
Modern Yaklaşım (SPA): React, Vue, Angular gibi frameworklerde sunucu sadece API görevi görür. Tarayıcıya boş HTML gönderilir, tüm içerik JS ile client’ta render edilir.
Tekrar Modernleşen Yaklaşım (Next.js, Remix): Sunucu tarafında render (SSR) ile hızlı yükleme + SEO sağlanır. Hem eski hem modern yaklaşımların avantajları birleştirilir.

Sunucu Tarafı Render Etme: Dinamik veya statik seçenekleri ile her rota render edilebilir.
Dosya Tabanlı Yönlendirme: page.js, layout.js, loading.js gibi özel dosyalarla rotalar kolayca oluşturulur.
Sunucuda Veri Çekme & Değiştirme: Server Components ve Server Actions ile veri çekme ve mutation işlemleri sunucuda gerçekleşir.
Optimizasyonlar: Görüntü, font, SEO optimizasyonları, preloading gibi performans iyileştirmeleri otomatik yapılır.

Özellik	CSR	SSR
HTML’in Render Edilmesi	İstemci tarafında render edilir	Sunucuda render edilir
İlk Yükleme Hızı	Daha yavaş, JS yüklenmeli	Daha hızlı, veri önceden çekilir
Etkileşim	Yüksek interaktif	Daha az interaktif, tam sayfa yenileme gerekebilir
SEO	Problemli olabilir	SEO dostu, indeksleme kolay