Serverové komponenty v frameworku NextJS

Pozrime sa na komponent, ktorý sme vytvorili v predchádzajúcej lekcii:

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

Ako už bolo spomenuté, štandardne v NextJS sú všetky komponenty serverové. Zároveň máme k dispozícii všetky možnosti jazyka JSX, okrem práce so stavmi a iných podobných hookov.

Pre príklad si vytvorme premennú a vypíšme ju v renderovaní:

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

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