NextJS တွင် သာမန် menu ၏ပြဿနာ

ယခင်သင်ခန်းစာတွင် ကျွန်ုပ်တို့ သာမန် link များဖြင့် menu တစ်ခုကို ပြုလုပ်ခဲ့သည်။

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">home</a>
    <a href="/about">about</a>
    <a href="/price">price</a>
    <a href="/contacts">contacts</a>
  </>;
}

ယခု ဤနှင့်ပတ်သက်သည့် ပြဿနာအချို့ကို ဆွေးနွေးကြပါစို့။ အမှန်မှာ ဤ menu ၏ link များကို နှိပ်လိုက်ခြင်းသည် စာမျက်နှာ တစ်ခုလုံး reload ဖြစ်စေပါသည်။ SEO ရှုထောင့်မှကြည့်လျှင် မှန်ပါသည်။ သို့သော် စွမ်းဆောင်ရည် ရှုထောင့်မှကြည့်လျှင် သိပ် မကောင်းပါ။ အကြောင်းမှာ စာမျက်နှာ reload ဖြစ်သည့်အခါတိုင်း ဆိုဒ်၏ layout တစ်ခုလုံးကို ပြန်လည်ဒေါင်းလုပ်ဆွဲရပါသည်။ ထိုသို့ဆိုရာတွင် ပြောင်းလဲသွားသည်မှာ content သာဖြစ်ပါသည်။ အကောင်းဆုံးနည်းလမ်းမှာ စာမျက်နှာ၏ content ကိုသာ ဒေါင်းလုပ်ဆွဲခြင်းဖြစ်ပါမည်။

NextJS တွင် ဤပြဿနာအတွက် ဖြေရှင်းနည်း ပါရှိပါသည်။ ထိုအရာကို နောက်သင်ခန်းစာတွင် ကြည့်ရှုသွားပါမည်။