Komponent til menu i NextJS
I de næste lektioner vil vi studere NextJS's særlige funktioner til oprettelse af hjemmesidens menu. Til dette har vi brug for en komponent med hjemmesidens menu. I denne lektion laver vi en udkast til denne komponent, og vi vil indsætte links i de næste lektioner.
Vores udkast vil se ud som følger:
export default function Menu() {
return <>
...
</>;
}
Lad os indsætte denne udkast i hjemmesidens hovedlayout:
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>
);
}
Lav en komponent til hovedmenuen.
