Maudhui Katika Muundo wa Tovuti kwenye NextJS

Tuchunguze muundo mkuu wa tovuti, ambuo tulianza kuchambua katika somo lililopita:

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

Kama unavyoona, muundo wa tovuti unawakilisha kiunga chenye kazi. Wakati huo huo kwenye kigezo cha kazi hupelekwa kitu, ambacho tunachukua ufunguo children kwenye kutofautisha inayofanana. Katika kutofautisha hii huhifadhiwa yaliyomo ya faili page.jsx, ambayo inalingana na URL iliyoombwa.

Hii ni kwa faili layout.jsx yetu inahifadhi muundo wa tovuti, na kwa kutumia kutofautisha children tunaonyesha mahali katika muundo wa tovuti, ambapo maudhui ya ukurasa yanapaswa kuingizwa.

Kwa mfano tuitayarishe maudhui ya ukurasa kwenye kitambulisho chochote:

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

Itayarishe maudhui ya yako tovuti kwenye kitambulisho main.