Vaikefaili pesa NextJS-is

Eelmises õppetükis tegime dünaamilise pesa nimega 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>
	);
}

Siiski on probleem. Asi on selles, et meie pesa töötab ainult kahte tüüpi aadressite puhul: /users ja /posts. Kui aga aadressiribale sisestada mõni muu aadress, mille jaoks meie pesa ei ole defineeritud, siis NextJS annab 404 vea.

Probleemi lahendamiseks tuleb otseselt pesaga kausta panna spetsiaalne fail default.jsx. Selles failis peab olema komponent, mida näidatakse, kui aadressiribale on sisestatud URL, mis pole määratud meie pesa jaoks.

See tähendab, et meie puhul saame järgmise failistruktuuri:

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

Veenduge, et dünaamiline pesa annab 404 vea, kui aadressiribale on sisestatud URL, mis pole määratud meie pesa jaoks.

Parandage 404 vea probleem.