Componente para menu em NextJS
Nas próximas lições, vamos estudar as funcionalidades especiais do NextJS para criar o menu do site. Para isso, vamos precisar de um componente com o menu do site. Nesta lição, faremos um rascunho deste componente, e inseriremos os links nas lições seguintes.
Nosso rascunho ficará da seguinte forma:
export default function Menu() {
return <>
...
</>;
}
Vamos inserir este rascunho no layout principal do 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>
);
}
Faça o componente para o menu principal.
