NextJSтеги меню үчүн компонент

Келеки сабактарда биз сайт менюсун түзүү үчүн NextJSтин атайын мүмкүнчүлүктөрүн үйрөнөбүз. Бул үчүн бизге сайт менюсу бар компонент керек болот. Бул сабакта биз ошол компоненттин даярдоосун жасайбыз, ал эми шилтемелерди кийинки сабактарда киргизебиз.

Биздин даярдоо төмөнкүдөй көрүнөт:

export default function Menu() {
	return <>
		...
	</>;
}

Бул даярдоону сайттын негизги макетине киргизели:

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>
	);
}

Негизги меню үчүн компонентти жасаңыз.