Composant pour le menu dans NextJS
Dans les prochaines leçons, nous étudierons les fonctionnalités spéciales de NextJS pour la création du menu du site. Pour cela, nous aurons besoin d'un composant avec le menu du site. Dans cette leçon, nous réaliserons l'ébauche de ce composant, et nous insérerons les liens dans les leçons suivantes.
Notre ébauche ressemblera à ce qui suit :
export default function Menu() {
return <>
...
</>;
}
Insérons cette ébauche dans la mise en page principale du site :
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>
);
}
Créez le composant pour le menu principal.
