← Next.js16 / 57

Async Server Component Data Fetching

Di Server Component, kamu dapat menulis fungsi komponen sebagai async dan memanggil fetch() langsung tanpa butuh useEffect.

👀 Contoh dulu

export default async function Page() {
  const res = await fetch('https://api.com/data');
  const data = await res.json();
  return <div>{data.title}</div>;
}

Hasilnya: Data diunduh langsung di server sebelum HTML dikirim ke browser.

💡 Menghilangkan loading spinner client-side untuk SEO.

📝 Sekarang giliranmu

Tulis deklarasi komponen async export default async function Page() { const res = await fetch(url); }.

Preview
← SebelumnyaBerikutnya →