Componente de server în framework-ul NextJS

Să considerăm componenta creată de noi în lecția anterioară:

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

După cum am menționat anterior, în mod implicit în NextJS toate componentele sunt de server. În același timp, sunt disponibile toate capabilitățile limbajului JSX, cu excepția lucrului cu stări și a altor hook-uri similare.

De exemplu, să creăm o variabilă și să o afișăm în markup:

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

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