Componente para menú en NextJS
En las siguientes lecciones estudiaremos las capacidades especiales de NextJS para crear el menú del sitio. Para esto necesitaremos un componente con el menú del sitio. En esta lección haremos un boceto de este componente, e insertaremos los enlaces en las siguientes lecciones.
Nuestro boceto se verá de la siguiente manera:
export default function Menu() {
return <>
...
</>;
}
Insertemos este boceto en el diseño principal del sitio:
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>
);
}
Haga el componente para el menú principal.
