NextJS တွင် အဓိက လေယူဆယ်ထဲသို့ ဝဘ်ဆိုက်၏ အစိတ်အပိုင်းများထည့်သွင်းခြင်း

ကျွန်ုပ်တို့၏ ဝဘ်ဆိုက် လေယူဆယ်ကို ကြည့်ရအောင်။ လောလောဆယ်တွင် စာမျက်နှာ၏ ပြောင်းလဲနေသော အကြောင်းအရာကို ထည့်သွင်းရန် ညွှန်ကြားချက်သာ ဖော်ပြထားသည်။

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

သို့သော် ဝဘ်ဆိုက်တွင် အခြားသော အစိတ်အပိုင်းများလည်း ရှိတတ်ပြီး ၎င်းတို့သည် မတူညီသော စာမျက်နှာများအတွက် မပြောင်းလဲပဲ ကျန်ရှိနေတတ်သည်။ ဥပမာအားဖြင့် ၎င်းတို့မှာ header နှင့် footer ဖြစ်နိုင်သည်။ ကျွန်ုပ်တို့၏ လေယူဆယ်ထဲသို့ ၎င်းတို့ကို ထည့်သွင်းကြပါစို့။

app/layout.jsxexport default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        <header>
          header
        </header>
        <main>
          {children}
        </main>
        <footer>
          footer
        </footer>
      </body>
    </html>
  );
}
Задание 1

သင့်ပရောဂျက်၏ လေယူဆယ်ထဲသို့ header၊ footer၊ ထို့အပြင် ညာဘက် နှင့် ဘယ်ဘက် sidebar များပါဝင်သော ဘလောက်တစ်ခုကို ထည့်သွင်းပါ။