NextJS фреймворгундагы сервердик компоненттер

Мурунку сабакта биз түзгөн компонентти карап чыгалы:

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

Өзүнчө айтылгандай, NextJS'те демейкиде бардык компоненттер сервердик болот. Ошол эле учурда бизге JSX тилиндин бардык мүмкүнчүлүктөрү кол жеткиликтүү, стейттер менен иштөө жана башка окшош хуктардан тышкары.

Мисал үчүн, өзгөрмө түзөлү жана аны версткада чыгаралы:

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

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