NextJS-de slot faýlynyň deslapky görnüşi

Öňki sapakda biz info atly dinamiki slot döretdik:

export default function RootLayout({children, info}) {
	return (
		<html lang="en">
			<body>
				<header>
					<div>
						{info}
					</div>
				</header>
				<main>
					{children}
				</main>
				<footer>
					footer
				</footer>
			</body>
		</html>
	);
}

Emma, bir mesele bar. Mysaly bizimiň slot diňe iki görnüşli salgylar üçin işleýär: /users we /posts. Eger salgylar setirine başga bir salgy ýazsaňyz, bizimiň slot üçin kesgitlenmedik bolsa, onda NextJS 404 säwligini görkezer.

Bu meseläni çözmek üçin slot papkasynyň içine ýörite faýl default.jsx goýulmaly. Bu faýlda komponent bolmaly, salgylar setirine bizimiň slot üçin kesgitlenmedik URL ýazylanyňda görkeziler.

Mysaly, bizimiň ýagdaýda aşakdaky faýl gurluşy alarys:

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

Diňe dinamiki slotyň salgylar setirine ýazylan URL bizimiň slot üçin kesgitlenmedik wagty 404 säwligini görkezýändigine göz ýetiriň.

404 säwligi bilen ýüze çykyan meseläni çözüň.