Next.js App Router Server Component Mimarisinde Kapsamlı Bir Rehber

Merhaba, 10 yılı aşkın süredir yazılım sektöründe, özellikle Türkiye pazarında deneyimli bir yapay zeka prompt mühendisi olarak, Next.js App Router ile Server Component mimarisine geçiş yapmak isteyen bir ekip için kapsamlı bir rehbere ihtiyacım var. Bu rehberin, uygulamanın performansını, ölçeklenebilirliğini ve geliştirici deneyimini artıracak şekilde tasarlanması kritik. Başlangıçtan itibaren, App Router'ın temel prensiplerini, dosya sistemi tabanlı yönlendirme yapısını, layout, page, loading ve error boundary dosyalarının kullanımını detaylıca açıklamanı bekliyorum. Özellikle Server Component'lerin ne zaman ve neden tercih edilmesi gerektiğini, Client Component'lerle aralarındaki etkileşim mekanizmalarını (örn. 'use client' direktifi, prop geçişleri) somut örneklerle açıklamalısın. Veri getirme stratejileri (fetch API, Rerender Server Components), cache mekanizmaları (Request Memoization, Data Cache, Full Route Cache) ve invalidasyon yöntemleri üzerinde dur. Sunucu tarafında veritabanı işlemleri, API entegrasyonları ve hassas verilerin yönetimi konusunda güvenlik en iyi uygulamalarını vurgula. Uygulamanın geliştirme, test ve dağıtım süreçlerinde dikkat edilmesi gerekenler nelerdir? CI/CD entegrasyonları ve üretim ortamı optimizasyonları için önerilerini belirt. Son olarak, mevcut bir uygulamanın [mevcut_uygulama_türü] mimarisinden App Router'a geçiş sürecinde karşılaşılabilecek olası zorluklar ve çözüm stratejileri hakkında bilgi ver. Bu rehberin, ekibimin hızlıca adapte olmasını sağlayacak pratik bilgiler içermesini bekliyorum.