NextJS-এ মেনু কম্পোনেন্ট

পরবর্তী পাঠগুলোতে আমরা ওয়েবসাইট মেনু তৈরি করার জন্য NextJS-এর বিশেষ সুবিধাগুলো শিখব। এর জন্য আমাদের একটি ওয়েবসাইট মেনু সহ একটি কম্পোনেন্ট প্রয়োজন হবে। এই পাঠে আমরা এই কম্পোনেন্টটির একটি খসড়া তৈরি করব, এবং লিঙ্কগুলো পরের পাঠগুলোতে যুক্ত করব।

আমাদের খসড়াটি নিম্নরূপ দেখাবে:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    ...
  </>;
}

এই খসড়াটি ওয়েবসাইটের মূল লেআউটে যুক্ত করি:

app/layout.jsximport Menu from '@/comps/menu/menu.jsx';

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        <header>
          <nav>
            <Menu />
          </nav>
        </header>
        <main>
          {children}
        </main>
        <footer>
          footer
        </footer>
      </body>
    </html>
  );
}