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 त्रुटि की समस्या को ठीक करें।