Privzeta datoteka reže v NextJS

V prejšnji lekciji smo naredili dinamično režo z imenom 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>
	);
}

Obstaja pa težava. Bistvo je v tem, da naša reža deluje le za dve vrsti naslovov: /users in /posts. Če v naslovno vrstico vnesemo drug naslov, za katerega naša reža ni določena, bo NextJS prikazal napako 404.

Za rešitev težave je treba neposredno v mapo z režo postaviti posebno datoteko default.jsx. V tej datoteki mora biti komponenta, ki bo prikazana, ko v naslovno vrstico vnesemo URL, ki ni določen za našo režo.

To pomeni, da v našem primeru dobimo naslednjo strukturo datotek:

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

Prepričajte se, da dinamična reža prikaže napako 404, ko v naslovno vrstico vnesemo URL, ki ni določen za našo režo.

Odstranite težavo z napako 404.