Composants serveur dans le framework NextJS

Examinons le composant créé par nous dans la leçon précédente :

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

Comme mentionné précédemment, par défaut dans NextJS, tous les composants sont serveur. En même temps, nous avons accès à toutes les fonctionnalités du langage JSX, à l'exception du travail avec les états et d'autres hooks similaires.

Par exemple, créons une variable et affichons-la dans le rendu :

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

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