Pages Router ile Başlangıç
Dosya tabanlı yönlendirme ve öngörülebilir layout kurgusu için sade bir yaklaşım.
Pages Router, açık dosya-temelli yönlendirme ve sade bir zihinsel model isteyen ekipler için güçlü bir seçenektir.
Bu yapı neden?
- `pages/_app.tsx` tüm sayfaları tek bir ortak layout ile sarar.
- `components/layout` klasörü kabuk sorumluluklarını ayrıştırır.
- Route dosyaları uygulama çerçevesi yerine sayfa içeriğine odaklanır.
Temel fikir
- `Layout` çerçeve düzeyindeki sorumlulukları yönetir.
- `Main` içerik boşluklarını ve giriş animasyonunu yönetir.
- `Nav` ve `Footer` birbirinden bağımsız gelişir.
Küçük ve odaklı sayfalar
- Landing sayfası: küçük ve tekrar kullanılabilir bölümler.
- Blog listesi: tekrar kullanılabilir `PostCard` yapısı.
- Blog detayı: `PostShell` içinde MDX içerik.
Sonuç
Çok az refaktör baskısıyla ölçeklenebilen bir yapı elde edilir.