Подразумевана датотека слота у 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

Уверите се да динамички слот даје 404 грешку, када у адресну траку унесемо URL, који није задат за наш слот.

Исправите проблем са 404 грешком.