NextJS में डिफ़ॉल्ट स्लॉट फ़ाइल

पिछले पाठ में, हमने नाम के साथ एक डायनामिक स्लॉट बनाया था info:

app/layout.jsxexport 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