Next.js App Router: Neden Tüm Projelerde Kullanılmalı?

Next.js 13 ile gelen ve 14 ile olgunlaşan App Router mimarisi, web geliştirmede kartları yeniden dağıttı. Artık bileşenlerimiz varsayılan olarak Server Component!

Server ve Client Component Farkı

SEO uyumlu ve inanılmaz hızlı sayfa yüklemeleri istiyorsak, etkileşim içermeyen her yeri Server'da render etmeliyiz.

// Varsayılan olarak bu bir Server Component'tir
export default async function Page() {
  const data = await fetchApi();
  return <div>{data.title}</div>;
}

Eğer useState veya onClick lazımsa sayfanın en üstüne 'use client'; eklememiz yeterli. Yüksek performans garantili!