Ders Notu

App Router'da tüm bileşenler varsayılan olarak Server Component'tir. Bu bileşenler yalnızca sunucuda çalışır, tarayıcıya JavaScript kodu olarak değil hazır HTML olarak gönderilir. Bu sayede:

• Veri tabanına, dosya sistemine ve gizli API anahtarlarına güvenli bir şekilde erişebilirler.
• Tarayıcıya gönderilen JavaScript miktarı azalır, sayfa daha hızlı açılır.
• Arama motorları içeriği doğrudan okuyabilir.

Server Component'ler async olarak tanımlanabilir ve içlerinde doğrudan await ile veri çekilebilir:

export default async function DuyurularSayfasi() {
  const yanit = await fetch("https://api.ornek.com/duyurular");
  const duyurular = await yanit.json();

  return (
    <ul>
      {duyurular.map((d) => (
        <li key={d.id}>{d.baslik}</li>
      ))}
    </ul>
  );
}