Komponente für Menü in NextJS
In den nächsten Lektionen werden wir die speziellen Möglichkeiten von NextJS zur Erstellung von Website-Menüs studieren. Dafür benötigen wir eine Komponente mit dem Website-Menü. In dieser Lektion erstellen wir den Rohbau dieser Komponente, und die Links werden wir in den folgenden Lektionen einfügen.
Unser Rohbau wird folgendermaßen aussehen:
export default function Menu() {
return <>
...
</>;
}
Fügen wir diesen Rohbau in das Hauptlayout der Website ein:
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>
);
}
Erstellen Sie die Komponente für das Hauptmenü.
