Kifaa cha Menyu katika NextJS
Katika masomo yafuatayo tutajifunza ujuzi maalum wa NextJS kwa ajili ya kutengeneza menyu ya tovuti. Kwa hili tutahitaji kifaa chenye menyu ya tovuti. Katika somo hili tutatengeneza muundo wa hii kifaa, na viungo tutaviweka katika masomo yafuatayo.
Muundo wetu utaonekana kama ifuatavyo:
export default function Menu() {
return <>
...
</>;
}
Tutaweka muundo huu katika mpangilio mkuu wa tovuti:
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>
);
}
Tengeneza kifaa kwa menyu kuu.