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>
  );
}