OrtaNext.jsFrontend

Next.js App Router'da Server Component ile Client Component arasındaki fark nedir?

Cevap

App Router'da bileşenler varsayılan olarak Server Component'tir.

Server ComponentClient Component ("use client")
Çalıştığı yerYalnızca sunucuSunucuda ön render + tarayıcıda
Tarayıcıya JS gönderir mi?HayırEvet
useState, useEffect, event handlerKullanamazKullanabilir
Veritabanı, gizli anahtar, dosya sistemiDoğrudan erişebilirErişemez
async bileşenOlabilirOlamaz

Doğru mimari: sayfanın büyük kısmı sunucu bileşeni, etkileşim gereken küçük yapraklar istemci bileşeni. "use client" sınırı ağaçta ne kadar aşağıda olursa paket o kadar küçük olur.

Sunucu bileşeni bir istemci bileşenine yalnızca serileştirilebilir prop geçebilir (fonksiyon geçemez, Server Action hariç).

Mülakat Defteri editörleri ·

  1. next/image bileşeni normal img etiketine göre ne avantaj sağlar?KolayNext.jsFrontend
  2. Next.js'te Middleware (Proxy) ne işe yarar?OrtaNext.jsFrontend
  3. Server Actions nedir? Nasıl kullanılır?OrtaNext.jsFrontend
  4. Next.js nedir? Sade React'e göre ne kazandırır?KolayNext.jsFrontend
  5. Next.js'te SSR, SSG ve ISR nasıl yapılandırılır?OrtaNext.jsFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle