NextJS da slotning default fayli

Oldingi darsda biz info nomli dinamik slot yaratgan edik:

export default function RootLayout({children, info}) {
	return (
		<html lang="en">
			<body>
				<header>
					<div>
						{info}
					</div>
				</header>
				<main>
					{children}
				</main>
				<footer>
					footer
				</footer>
			</body>
		</html>
	);
}

Biroq, bir muammo bor. Gap shundaki, bizning slotimiz faqat ikkita manzil turi uchun ishlaydi: /users va /posts. Agar manzil satriga boshqa manzil kiritilsa, uning uchun bizning slotimiz aniqlanmagan bo'lsa, NextJS 404 xatosini beradi.

Muammoni hal qilish uchun to'g'ridan-to'g'ri slot papkasiga maxsus default.jsx faylini qo'yish kerak. Ushbu faylda, manzil satriga bizning slotimiz uchun belgilanmagan URL kiritilganda ko'rsatiladigan komponent bo'lishi kerak.

Ya'ni bizning holatda quyidagi fayl tuzilishi paydo bo'ladi:

/app/
- /@info/
  - default.jsx
  - /users/
    - page.jsx
  - /posts/
    - page.jsx

Manzil satriga slotimiz uchun belgilanmagan URL kiritilganda, dinamik slot 404 xatosini berishiga ishonch hosil qiling.

404 xatosi muammosini tuzating.