Компонент за мени во NextJS
Во следните лекции ќе ги изучуваме специјалните можности на NextJS за креирање на мени на сајтот. За ова ќе ни треба компонента со мени на сајтот. Во оваа лекција ќе направиме шаблон за оваа компонента, а линковите ќе ги вметнуваме во следните лекции.
Нашиот шаблон ќе изгледа на следниов начин:
export default function Menu() {
return <>
...
</>;
}
Да го вметнеме овој шаблон во главниот layout на сајтот:
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>
);
}
Направете компонента за главното мени.