Komponenty serwerowe w frameworku NextJS

Rozważmy komponent utworzony przez nas w poprzedniej lekcji:

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

Jak już wspomniano wcześniej, domyślnie w NextJS wszystkie komponenty są serwerowe. Jednocześnie mamy dostęp do wszystkich możliwości języka JSX, z wyjątkiem pracy ze stanami i innych podobnych hooków.

Dla przykładu zróbmy zmienną i wyświetlmy ją w wersji:

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

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