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:
export default function Menu() {
return <>
...
</>;
}
Inseriamo questa bozza nel layout principale del sito:
import 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>
);
}
Realizza il componente per il menu principale.
