Komponen untuk Menu di NextJS

Dalam pelajaran berikutnya, kita akan mempelajari fitur khusus NextJS untuk membuat menu situs. Untuk ini, kita akan membutuhkan komponen dengan menu situs. Dalam pelajaran ini, kita akan membuat kerangka komponen ini, dan tautan akan disisipkan pada pelajaran berikutnya.

Kerangka kita akan terlihat seperti berikut:

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

Sisipkan kerangka ini ke dalam tata letak utama situs:

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