NextJS ၏ အခြေခံ လုပ်ဆောင်ချက် သဘောတရား

ယခင်သင်ခန်းစာများတွင် ကျွန်ုပ်တို့သည် NextJS ဖရိန်းဝပ်ခ်ကို တပ်ဆင်ခဲ့ပြီး ၎င်း၏အခြေခံဖွဲ့စည်းပုံကို မိတ်ဆက်ခဲ့ပါသည်။ အဓိကအလုပ်ကို စတင်လုပ်ဆောင်ရန် အချိန်ကျရောက်ပါပြီ။

NextJS ၏ အဓိကအစိတ်အပိုင်းမှာ ရောက်တင်း ဖြစ်သည်။ ရောက်တင်း လုပ်ဆောင်ပုံမှာ အသုံးပြုသူက �ဘရောက်ဇာ၏ လိပ်စာဘားတွင် URL တစ်ခုခုကို ရိုက်ထည့်လိုက်သောအခါ NextJS ဖရိန်းဝပ်ခ်သည် ၎င်း URL နှင့် ကိုက်ညီသော သတ်မှတ်ထားသည့် ဖိုင်ကို ဘရောက်ဇာသို့ ပြန်ပေးပို့မည်ဖြစ်သည်။

NextJS တွင် ရောက်တင်းကို အထူးပုံစံဖြင့် စီစဉ်ထားသည်။ ၎င်း၏အဓိပ္ပါယ်မှာ တောင်းဆိုထားသော URL တစ်ခုစီသည် src/app အတွင်းရှိ ဖိုဒါတစ်ခုနှင့် ကိုက်ညီခြင်းပင်ဖြစ်သည်။

ထိုအခါ ဖိုဒါအတွင်းတွင် page.jsx အမည်ရှိသော ဖိုင် တစ်ခု ရှိရပါမည်။ ထိုဖိုင်ကိုပင် ဘရောက်ဇာသို့ ပြန်ပို့မည်ဖြစ်သည်။ ထို့အပြင် ဤဖိုင်ထဲတွင် ကျွန်ုပ်တို့သည် JSX ဖြင့် ကုဒ်ရေးသားပြီး၊ ဘရောက်ဇာသို့မူ စာမျက်နှာ၏ HTML ကုဒ် အပြီးသတ်ပုံစံကို ပေးပို့မည်ဖြစ်သည်။

ဥပမာတစ်ခုဖြင့် ကြည့်ရှုကြပါစို့။ URL /test/ ဖြင့် စာသားတစ်ခုခုကို ပြသစေလိုသည်ဆိုပါစို့။

သက်ဆိုင်ရာ ဖိုဒါကို ဖန်တီးကြပါမည်- src/app/test။ ထိုဖိုဒါအတွင်း၌ page.jsx ဖိုင်ကို အောက်ပါအတိုင်း ပြုလုပ်ပါမည်-

export default function Test() {
	return <h1>hello, user!</h1>;
}

ကျွန်ုပ်တို့၏ URL ကို ဘရောက်ဇာထဲတွင် ဖွင့်ကြည့်ပါ- /test။ ထိုအခါ ကျွန်ုပ်တို့ JSX ဖိုင်အတွင်း ရေးထားသော စာသားကို တွေ့မြင်ရမည်ဖြစ်သည်။

စာသားကို ပြောင်းလဲ၍ ဖိုင်ကို သိမ်းဆည်းကြည့်ပါ။ ထို့နောက် စာသားသည် အလိုအလျောက် ဘရောက်ဇာထဲတွင်လည်း ပြောင်းလဲသွားမည်ဖြစ်သည်။ ဤနည်းအတိုင်း NextJS သည် ဖွံ့ဖြိုးမှုမုဒ် (development mode) တွင် အလုပ်လုပ်ပါသည်။

လိပ်စာ /about သို့ ဝင်ရောက်သောအခါ ဘရောက်ဇာထဲတွင် သင့်အမည်နှင့် မိသားစုအမည်ပါသည့် မက်ဆေ့ဂျ်တစ်ခု ပေါ်လာစေရန် ပြုလုပ်ပါ။