NextJS ဖရိန်းဝပ်ခ်တွင် Server Components များ

ယခင်သင်ခန်းစာတွင် ကျွန်ုပ်တို့ဖန်တီးခဲ့သော ကွန်ပြူနာကို လေ့လာကြည့်ရအောင်။

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

ယခင်က ဖော်ပြခဲ့သလိုပင်၊ NextJS တွင် ပုံသေအားဖြင့် ကွန်ပြူနာအားလုံးသည် server components များဖြစ်သည်။ ထို့အပြင် state များနှင့် အလုပ်လုပ်ခြင်း သို့မဟုတ် အခြားသော ဆင်တူ hooks များမှ လွဲ၍ JSX ၏ လုပ်ဆောင်ချက်အားလုံးကို ကျွန်ုပ်တို့ ရရှိနိုင်သည်။

နမူနာအနေနှင့် variable တစ်ခု ဖန်တီးပြီး ၎င်းကို ဝဘ်စာမျက်နှာအဖြစ် ပြသကြည့်ရအောင်။

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

jsxlet prods = [
  'prod1',
  'prod2',
  'prod3',
];