آزمون فصل

کدام جمله درباره‌ی Prefetch در کامپوننت Link در Next.js 16 درست است؟

ساختار و کد زیر در یک پروژه‌ی Next.js 16 وجود دارد:

// app/docs/[...slug]/page.tsx
type DocsPageProps = {
  params: Promise<{ slug: string[] }>;
};

export default async function DocsPage({ params }: DocsPageProps) {
  const { slug } = await params;

  return <p>{slug.length}</p>;
}

برای آدرس‌های /docs/routing/dynamic/catch-all و /docs چه اتفاقی می‌افتد؟

کدام گزینه درباره‌ی searchParams در Next.js 16 درست است؟

این صفحه برای نمایش یک نوشته نوشته شده است:

export default async function PostPage({ params }: PostPageProps) {
  const { slug } = await params;

  try {
    const post = await getPostBySlug(slug);

    if (!post) {
      notFound();
    }

    return <h1>{post.title}</h1>;
  } catch (error) {
    console.error(error);
    return <p>خطایی رخ داد.</p>;
  }
}

اگر getPostBySlug برای slug درخواست‌شده مقدار undefined برگرداند، چه چیزی نمایش داده می‌شود؟

در یک Client Component فرم ورود، بعد از دریافت پاسخ موفق باید کاربر به /dashboard برود، به‌طوری که دکمه‌ی «بازگشت» مرورگر دوباره صفحه‌ی ورود را نشان ندهد. کدام راه‌حل درست است؟