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