คอมโพเนนต์สำหรับเมนูใน 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>
	);
}

สร้างคอมโพเนนต์ สำหรับเมนูหลัก