NextJS-də Default Slot Faylı

Əvvəlki dərsdə biz info adlı dinamik slot etdik:

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

Lakin, bir problem var. Problem onundadır ki, bizim slot ancaq iki növ ünvan üçün işləyir: /users və /posts. Əgər brauzerin ünvan sətrinə başqa ünvan daxil etsək, hansı ki, bizim slot üçün təyin edilməyib, onda NextJS 404 xətası verəcək.

Problemi həll etmək üçün birbaşa slot qovluğuna xüsusi default.jsx faylı qoyulmalıdır. Bu faylda komponent olmalıdır, hansı ki, ünvan sətrinə slotumuz üçün təyin olunmamış URL daxil edildikdə göstəriləcək.

Yəni bizim vəziyyətdə aşağıdakı fayl strukturusu alınacaq:

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

Əmin olun ki, dinamik slot 404 xətası verir, ünvan sətrinə slotumuz üçün təyin edilməmiş URL daxil edildikdə.

404 xətası ilə bağlı problemi həll edin.