Componente per il menu in NextJS

Nelle prossime lezioni studieremo le funzionalità speciali di NextJS per la creazione del menu del sito. Per questo avremo bisogno di un componente con il menu del sito. In questa lezione realizzeremo la bozza di questo componente, e inseriremo i link nelle lezioni successive.

La nostra bozza avrà il seguente aspetto:

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

Inseriamo questa bozza nel layout principale del sito:

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