Component voor menu in NextJS
In de volgende lessen gaan we speciale mogelijkheden van NextJS bestuderen voor het maken van een websitemenu. Hiervoor hebben we een component met het websitemenu nodig. In deze les maken we een opzet van dit component, en we zullen links invoegen in de volgende lessen.
Onze opzet zal er als volgt uitzien:
export default function Menu() {
return <>
...
</>;
}
Laten we deze opzet in de hoofdlayout van de website invoegen:
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>
);
}
Maak een component voor het hoofdmenu.
