Komponen untuk Menu dalam NextJS

Dalam pelajaran seterusnya, kami akan mengkaji keupayaan khas NextJS untuk mencipta menu tapak web. Untuk ini, kami memerlukan komponen dengan menu tapak web. Dalam pelajaran ini, kami akan membuat penyediaan komponen ini, dan pautan akan dimasukkan dalam pelajaran seterusnya.

Penyediaan kami akan kelihatan seperti berikut:

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

Masukkan penyediaan ini ke dalam susun atur utama tapak web:

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