Výchozí soubor slotu v NextJS

V předchozí lekci jsme vytvořili dynamický slot s názvem 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. Jde o to, že náš slot funguje pouze pro dva typy adres: /users a /posts. Pokud do adresního řádku zadáte jinou adresu, pro kterou náš slot není definován, NextJS vrátí chybu 404.

K vyřešení problému je třeba přímo do složky se slotem vložit speciální soubor default.jsx. V tomto souboru musí být komponenta, která se zobrazí, když je do adresního řádku zadána URL adresa, která není nastavena pro náš slot.

To znamená, že v našem případě bude vypadat souborová struktura takto:

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

Ujistěte se, že dynamický slot vrací chybu 404, když je do adresního řádku zadána URL adresa, která není nastavena pro náš slot.

Opravte problém s chybou 404.