Next.jsReactTypeScriptWeb
App Router Neden Farklı?
Next.js 13 ile tanıtılan App Router, React Server Components (RSC) üzerine inşa edilmiş yeni nesil bir routing paradigmasıdır. 15. sürümde stabil hale gelen bu yapı, veri fetching ve caching konusunda köklü değişiklikler getirdi.
Server vs Client Components
App Router'da varsayılan olarak tüm bileşenler Server Component'tir. Client Component'e geçmek için dosyanın başına 'use client' direktifini eklemeniz gerekir. Bu yaklaşım:
- İlk sayfa yükleme (TTFB) süresini dramatik azaltır
- JavaScript bundle boyutunu küçültür
- SEO'yu iyileştirir
Fetch ve Caching
Next.js 15'te fetch API davranışı değişti: artık varsayılan olarak cache edilmiyor. Caching için force-cache veya revalidate parametrelerini açıkça belirtmeniz gerekiyor.