NextJS çärýäsindäki serwer komponentleri

Öňki sapakda biz tarapyndan döredilen komponenti gözden geçireliň:

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

Öň hem aýdyşy ýaly, NextJS-da deslapky ýagdaýda ähli komponentler serwer komponentleridir. Şol bir wagtyň özünde bizä JSX diliniň ähli mümkinçilikleri elýeter, ýöne state-ler bilen işlemek we beýleki şuňa meňzeş hook-lar çäklenendir.

Mysal üçin, bir üýtgeýji döretjek we ony sahypa görnüşinde görkezek:

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

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