Серверски компоненти во рамката NextJS

Да разгледаме компонент креиран од нас во претходната лекција:

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

Како што беше споменато претходно, по стандард во NextJS сите компоненти се серверски. При тоа ни се достапни сите можности на JSX јазикот, освен работа со состојби и други слични hooks.

За пример, ајде да направиме променлива и да ја прикажеме во markup-от:

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

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