NextJS da Menyu Komponenti
Keyingi darslarda biz sayt menyusini yaratish uchun NextJS ning maxsus imkoniyatlarini o'rganamiz. Buning uchun bizga sayt menyusi bilan komponent kerak bo'ladi. Ushbu darsda biz ushbu komponentning shablonini tayyorlaymiz, havolalarni esa keyingi darslarda kiritamiz.
Bizning shablonimiz quyidagicha ko'rinadi:
export default function Menu() {
return <>
...
</>;
}
Keling, ushbu shablonni saytning asosiy maketiga joylaymiz:
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>
);
}
Asosiy menyu uchun komponent yarating.
