Standard slot-fil i NextJS

I den forrige lektion lavede vi en dynamisk slot med navnet 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>
	);
}

Der er dog et problem. Sagt på en anden måde, vores slot virker kun for to typer af adresser: /users og /posts. Hvis man indtaster en anden adresse i adressefeltet, som vores slot ikke er defineret for, vil NextJS visse en 404 fejl.

For at løse problemet skal man lige i mappen med slotten placere en speciel fil kaldet default.jsx. Denne fil skal indeholde en komponent, som vil blive vist, når en URL, som ikke er defineret for vores slot, indtastes i adressefeltet.

Så i vores tilfælde vil filstrukturen se således ud:

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

Sikr dig, at den dynamiske slot viser en 404 fejl, når en URL, som ikke er defineret for vores slot, indtastes i adressefeltet.

Løs problemet med 404 fejlen.