NextJS-এ প্রধান লেআউটে ওয়েবসাইটের অংশগুলি

আসুন আমাদের সাইটের লেআউট দেখি। এটিতে বর্তমানে পৃষ্ঠার পরিবর্তনশীল বিষয়বস্তু সন্নিবেশ করার কমান্ড নির্দেশিত আছে:

export default function RootLayout({children}) {
	return (
		<html lang="en">
			<body>
				<main>
					{children}
				</main>
			</body>
		</html>
	);
}

যাইহোক, একটি ওয়েবসাইটে সাধারণত আরও অন্যান্য অংশ থাকে, যা বিভিন্ন পৃষ্ঠার জন্য অপরিবর্তিত থাকে। উদাহরণস্বরূপ, এগুলি হেডার এবং ফুটার হতে পারে। আসুন এগুলি আমাদের লেআউটে যোগ করি:

export default function RootLayout({children}) {
	return (
		<html lang="en">
			<body>
				<header>
					header
				</header>
				<main>
					{children}
				</main>
				<footer>
					footer
				</footer>
			</body>
		</html>
	);
}

আপনার প্রকল্পের লেআউটে হেডার, ফুটার, এবং পাশাপাশি ডান ও বাম সাইডবার সহ একটি ব্লক যোগ করুন।