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

मुख्य मेनू के लिए कंपोनेंट बनाएं।