Menü komponens NextJS-ben
A következő leckékben megismerkedünk a NextJS speciális funkcióival a weboldal menüjének létrehozásához. Ehhez szükségünk lesz egy komponensre a weboldal menüjéhez. Ebben a leckében elkészítjük ennek a komponensnek a vázlatát, a linkeket pedig a későbbi leckékben illesztjük be.
A vázlatunk a következőképpen fog kinézni:
export default function Menu() {
return <>
...
</>;
}
Helyezzük ezt a vázlatot a weboldal fő elrendezésébe:
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>
);
}
Készítsen egy komponenst a fő menühöz.
