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 දෝෂය සමඟ ගැටලුව නිවැරදි කරන්න.