File Default i Slotit në NextJS

Në mësimin e mëparshëm ne bëmë një slot dinamik me emrin 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>
	);
}

Megjithatë, ka një problem. Çështja është se slot-i ynë funksionon vetëm për dy lloje adresash: /users dhe /posts. Nëse futni në shiritin e adresave ndonjë adresë tjetër, për të cilën slot-i ynë nuk është përcaktuar, atëherë NextJS do të shfaqë një gabim 404.

Për të zgjidhur problemin direkt në dosjen me slot duhet të vendosni një file special default.jsx. Në këtë file duhet të jetë një komponent që do të shfaqet kur në shiritin e adresave futet një URL, i cili nuk është përcaktuar për slot-in tonë.

Kështu në rastin tonë do të kemi këtë strukturë file-sh:

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

Sigurohuni që slot-i dinamik shfaq një gabim 404, kur në shiritin e adresave futet një URL, i cili nuk është përcaktuar për slot-in tonë.

Rregulloni problemin me gabimin 404.