آزمون فصل

درباره‌ی رفتار یک Client Component (فایلی که با "use client" شروع می‌شود) در Next.js 16 کدام جمله درست است؟

این صفحه یک Server Component است و LikeButton فایلی با "use client" است:

// app/(public)/posts/page.tsx
import LikeButton from "@/components/LikeButton";

export default function PostsPage() {
  function handleLike() {
    console.log("liked");
  }

  return <LikeButton onLike={handleLike} />;
}

هنگام رندر این صفحه چه مشکلی پیش می‌آید و راه‌حل درست کدام است؟

فایل lib/posts.ts شامل کد دسترسی به داده است و خط import "server-only" در ابتدای آن قرار دارد. اگر یک Client Component مستقیماً از این فایل import کند، چه اتفاقی می‌افتد؟

صفحه‌ی زیر یک Server Component است. Panel یک Client Component با State باز و بسته‌شدن است و RelatedPosts یک Server Component از نوع async است که از لایه‌ی داده می‌خواند:

// app/(public)/posts/[slug]/page.tsx
import Panel from "@/components/Panel";
import RelatedPosts from "@/components/RelatedPosts";

export default async function Page() {
  return (
    <Panel title="نوشته‌های دیگر">
      <RelatedPosts currentSlug="hello-nextjs" />
    </Panel>
  );
}

RelatedPosts کجا اجرا می‌شود؟

در یک صفحه‌ی Server Component فقط قرار است بخشی از متن توضیحی با کلیک باز و بسته شود و هیچ منطق دیگری ندارد. با توجه به اصل کاهش JavaScript سمت کلاینت، کدام انتخاب مناسب‌تر است؟