NextJS freymvorkida server komponentlari

Oldingi darsda yaratgan komponentimizni ko'rib chiqaylik:

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

Ilgari aytib o'tilganidek, sukut bo'yicha NextJSda barcha komponentlar server komponentlardir. Bunda bizga JSX tilining barcha imkoniyatlari, state bilan ishlash va boshqa shu kabi hooklardan tashqari, mavjud.

Misol uchun, keling o'zgaruvchi yarataylik va uni sahifada chiqaraylik:

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

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