Podrazumevani fajl slota u NextJS

U prethodnoj lekciji napravili smo dinamički slot pod 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>
	);
}

Međutim, postoji problem. Stvar je u tome što naš slot radi samo za dve vrste adresa: /users i /posts. Ako se u adresnu traku unese druga adresa, za koju naš slot nije definisan, onda će NextJS prikazati 404 grešku.

Za rešavanje problema potrebno je direktno u folder sa slotom postaviti specijalni fajl default.jsx. U ovom fajlu treba da bude komponenta koja će se prikazivati kada je u adresnu traku unet URL, koji nije zadat za naš slot.

Dakle, u našem slučaju će se dobiti sledeća fajl struktura:

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

Uverite se da dinamički slot prikazuje 404 grešku, kada je u adresnu traku unet URL, koji nije zadat za naš slot.

Ispravite problem sa 404 greškom.