Faili Chaguomsingi ya Slot katika NextJS

Katika somo lililopita tulifanya slot inayobadilika yenye jina 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>
	);
}

Hata hivyo, kuna tatizo. Jambo ni kwamba slot yetu inafanya kazi tu kwa aina mbili za anwani: /users na /posts. Ikiwa utaandika kwenye upau wa anwani anwani nyingine, ambayo slot yetu haijafafanuliwa, basi NextJS itatoa hitilafu ya 404.

Ili kutatua tatizo moja kwa moja kwenye folda yenye slot inapaswa kuwekwa faili maalum default.jsx. Katika faili hii inapaswa kuwa na komponeniti, ambayo itaonyeshwa, wakati anwani imeingizwa kwenye upau wa anwani, isiyowekwa kwa slot yetu.

Hivyo katika kesi yetu itatokea muundo wa faili ufuatao:

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

Hakikisha kuwa slot inayobadilika inatoa hitilafu ya 404, wakati anwani imeingizwa kwenye upau wa anwani, isiyowekwa kwa slot yetu.

Sahihisha tatizo la hitilafu 404.