NextJS တွင် Metadata များ

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

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

app/layout.jsx{
  title: '...',
  description: '...',
};

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

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}

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