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',
];