Componenti Server nel Framework NextJS

Consideriamo il componente creato da noi nella lezione precedente:

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

Come già menzionato in precedenza, per impostazione predefinita in NextJS tutti i componenti sono server-side. In questo caso abbiamo a disposizione tutte le funzionalità del linguaggio JSX, ad eccezione del lavoro con gli stati e di altri hook analoghi.

Ad esempio, creiamo una variabile e visualizziamola nel markup:

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

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