System Design
Mimari Karar:
SSR mı, SPA mı?
01. Rendering Spektrumu
Artık siyah-beyaz bir ayrım yok. Next.js ve Nuxt gibi frameworkler sayesinde hibrit yapılar kuruyoruz. Ancak temel prensipleri bilmek şart.
SPA (Client-Side)
- • Örnek: Admin Paneli, Trello, Gmail.
- • Artı: Sayfa geçişleri anlık, sunucu yükü az.
- • Eksi: İlk yükleme yavaş (Bundle size), SEO zor (Google bot JS çalıştırsa da maliyetli).
SSR (Server-Side)
- • Örnek: E-ticaret, Haber sitesi.
- • Artı: Mükemmel SEO, hızlı FCP (First Contentful Paint).
- • Eksi: Sunucu maliyeti, TTFB (Time to First Byte) gecikmesi.
02. Karar Matrisi (Decision Matrix)
Bir projeye başlarken şu 3 soruyu sorarım:
- 1İçerik herkese açık mı (Public) yoksa üyelik arkasında mı (Private)?Private ise SEO önemsizdir -> SPA (Vite/Create React App) yeterli ve ucuzdur.
- 2Veri ne sıklıkla değişiyor?Nadir değişiyorsa (Blog, Dokümantasyon) -> SSG (Static Site Generation) en iyisidir. CDN'den bedava sunulur.
- 3Kişiselleştirme var mı?Kullanıcıya özel dinamik içerik varsa ve SEO lazımsa -> SSR zorunludur.