Serverové komponenty ve frameworku NextJS

Podívejme se na komponentu, kterou jsme vytvořili v předchozí lekci:

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

Jak již bylo zmíněno dříve, ve výchozím nastavení jsou v NextJS všechny komponenty serverové. Při tom máme k dispozici všechny možnosti jazyka JSX, s výjimkou práce se stavy a dalších podobných hooků.

Jako příklad si vytvořme proměnnou a vypišme ji ve versti:

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

Задание 1

Je dáno pole produktů:

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

S pomocí cyklu vypište tyto produkty ve formě seznamu ul uvnitř vaší serverové komponenty.