Файли супориши пешфарзӣ дар NextJS

Дар дарси қаблӣ мо супориши динамикиро бо номи 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>
	);
}

Аммо, мушкиле ҳаст. Масъала ин аст, ки супориши мо танҳо барои ду навъи суроғаҳо кор мекунад: /users ва /posts. Агар дар сатри суроға суроғаи дигареро ворид кунед, ки барои он супориши мо муайян нашудааст, он гоҳ NextJS хатои 404 медиҳад.

Барои ҳалли мушкил мустақиман ба ҷузвдони супорӣ файли махсуси default.jsx гузошта мешавад. Дар ин файл бояд компонент бошад, ки вақте нишон дода мешавад, дар сатри суроға URL-е ворид карда шавад, ки барои супориши мо муайян нашудааст.

Яъне дар ҳолати мо структураи файлӣ чунин мешавад:

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

Боварӣ ҳосил кунед, ки супориши динамикӣ хатои 404 медиҳад, вақте дар сатри суроға URL-е ворид карда шавад, ки барои супориши мо муайян нашудааст.

Мушкили хатои 404-ро ислоҳ кунед.