NextJS-тегі слоттың әдепкі файлы

Алдыңғы сабақта біз info атауымен динамикалық слот жасадық:

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

Алайда, бір мәселе бар. Біздің слот тек екі түрлі адрестер үшін жұмыс істейді: /users және /posts. Егер адрестік жолға біздің слотымыз анықталмаған басқа адрес енгізілсе, онда NextJS 404 қатесін шығарады.

Мәселені шешу үшін тікелей слот папкасына арнайы default.jsx файлын салу керек. Бұл файлда адрестік жолға біздің слотымыз үшін көрсетілмеген URL енгізілген кезде көрсетілетін компонент болуы керек.

Яғни біздің жағдайда келесі файлдық құрылым шығады:

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

Адрестік жолға слотымыз үшін көрсетілмеген URL енгізілген кезде динамикалық слоттың 404 қатесін шығаратынына көз жеткізіңіз.

404 қатесінің мәселесін шешіңіз.