Nextjs / App Router، صفحات و Layoutها
آزمون فصل
تمرینها
تمرین 1
کدام گزینه دربارهی Root Layout در App Router درست است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
ساختار بخشی از پوشهی app در یک پروژه به این شکل است:
app/
├── layout.tsx
├── (shop)/
│ ├── page.tsx
│ └── cart/
│ └── page.tsx
└── (admin)/
├── layout.tsx
└── users/
└── page.tsx
صفحهی app/(admin)/users/page.tsx با چه آدرسی در دسترس است و کدام Layoutها روی آن اعمال میشوند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
در یک پروژهی Next.js 16 فایلی با مسیر app/posts/_components/page.tsx ساخته شده است. این فایل چه رفتاری دارد؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
این فایل برای نمایش پیام خطا در بخش نوشتهها نوشته شده است، اما Next.js آن را بهعنوان مرز خطا (Error Boundary) نمیپذیرد:
// app/posts/error.tsx
export default function PostsError() {
return <p>مشکلی پیش آمد.</p>;
}
مشکل اصلی چیست؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
در پوشهی app/posts هم layout.tsx و هم loading.tsx وجود دارد. هنگام انتظار برای آمادهشدن صفحهی page.tsx چه چیزی نمایش داده میشود؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
