Predvolený súbor slotu v NextJS

V predchádzajúcej lekcii sme vytvorili dynamický slot s názvom 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>
	);
}

Existuje však problém. Vec sa má tak, že náš slot funguje len pre dva typy adries: /users a /posts. Ak zadáte do adresného riadku inú adresu, pre ktorú náš slot nie je definovaný, NextJS vráti 404 chybu.

Na vyriešenie problému je potrebné priamo do priečinka so slotom vložiť špeciálny súbor default.jsx. V tomto súbore musí byť komponent, ktorý sa zobrazí, keď je do adresného riadku zadaná URL adresa, pre ktorú nie je definovaný náš slot.

To znamená, že v našom prípade bude vyzerať štruktúra súborov nasledovne:

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

Uistite sa, že dynamický slot vracia 404 chybu, keď je do adresného riadku zadaná URL adresa, pre ktorú nie je definovaný náš slot.

Opravte problém s 404 chybou.