NextJS တွင် Metadata များ

အခု စာမျက်နှာတစ်ခုတွင် ခေါင်းစဉ်နှင့် meta description ထည့်သွင်းနည်းကို ကြည့်ရအောင်။ NextJS တွင် ၎င်းတို့နှင့် လုပ်ဆောင်ရာတွင် အတူတကွပြုလုပ်ရသည့်အတွက် ၎င်းတို့ကို တစ်ခုတည်းသော စကားလုံးဖြစ်သည့် metadata ဟု ခေါ်ဆိုကြသည်။

Metadata များကို ခေါင်းစဉ်နှင့် meta description ပါဝင်သည့် အထူးအရာဝတ္ထုတစ်ခုဖြင့် သတ်မှတ်ပေးရသည်။

{
	title: '...',
	description: '...',
};

ထိုသို့ပြုလုပ်ပါက NextJS သည် metadata များကို သက်ဆိုင်ရာ tag များအတွင်းသို့ ထည့်သွင်းခြင်းကို အလိုအလျောက် လုပ်ဆောင်ပေးမည်ဖြစ်သည်။ ကျွန်ုပ်တို့အနေဖြင့် ၎င်းအတွက် စိတ်ပူစရာမလိုပါ။ ထို့ကြောင့် ဝက်ဘ်ဆိုဒ်၏ အဓိက layout တွင် head tag မပါဝင်တော့ခြင်းဖြစ်သည်။ အဘယ်ကြောင့်ဆိုသော် ၎င်းကို အလိုအလျောက် ထုတ်လုပ်ပေးမည်ဖြစ်သည်။

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

Metadata များကို သတ်မှတ်ရန် နည်းလမ်းအမျိုးမျိုးရှိသည်။ ၎င်းတို့ကို နောက်လာမည့် သင်ခန်းစာများတွင် လေ့လာသွားကြမည်။