جلب البيانات بعمق

async function getPosts() {
  const res = await fetch("https://api.example.com/posts");
  if (!res.ok) throw new Error("فشل الجلب");
  return res.json();
}

export default async function Page() {
  const posts = await getPosts();
  return <List posts={posts} />;
}

const [user, posts] = await Promise.all([
  getUser(),
  getPosts(),
]);

import { Suspense } from "react";

<Suspense fallback={<p>تحميل التعليقات...</p>}>
  <Comments />
</Suspense>