Server komponenti u NextJS okviru

Razmotrimo komponentu koju smo kreirali u prethodnoj lekciji:

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

Kao što je ranije pomenuto, podrazumevano u NextJS-u sve komponente su server komponente. Pri tome su nam dostupne sve mogućnosti JSX jezika, osim rada sa stanjima (state) i drugih sličnih hook-ova.

Za primer, hajde da napravimo promenljivu i prikažemo je u verzstki:

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

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