Kifaa cha Menyu katika NextJS

Katika masomo yafuatayo tutajifunza ujuzi maalum wa NextJS kwa ajili ya kutengeneza menyu ya tovuti. Kwa hili tutahitaji kifaa chenye menyu ya tovuti. Katika somo hili tutatengeneza muundo wa hii kifaa, na viungo tutaviweka katika masomo yafuatayo.

Muundo wetu utaonekana kama ifuatavyo:

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

Tutaweka muundo huu katika mpangilio mkuu wa tovuti:

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