NextJS ရှိ menu component တစ်ခု

နောက်လာမည့်သင်ခန်းစာများတွင် ကျွန်ုပ်တို့သည် website menu တစ်ခုကိုဖန်တီးရန်အတွက် NextJS ၏ အထူးစွမ်းဆောင်ရည်များကို လေ့လာသွားပါမည်။ ထိုသို့ပြုလုပ်ရန် ကျွန်ုပ်တို့အနေဖြင့် website menu ပါရှိသော component တစ်ခု လိုအပ်ပါမည်။ ဤသင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် ထို component ၏ အခြေခံပုံစံကို ပြုလုပ်ပါမည်၊ ထို့နောက် link များကို နောက်လာမည့် သင်ခန်းစာများတွင် ထည့်သွင်းပါမည်။

ကျွန်ုပ်တို့၏ အခြေခံပုံစံသည် အောက်ပါအတိုင်း ပေါ်လာပါမည်။

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

ဤအခြေခံပုံစံကို website ၏ အဓိက 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>
	);
}

အဓိက menu အတွက် component တစ်ခုကို ဖန်တီးပါ။