Serverkomponendid NextJS raamistikus

Vaatleme komponenti, mille me lõime eelmises õppetükis:

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

Nagu varem mainitud, on NextJS-is vaikimisi kõik komponendid serveripoolsed. Samal ajal on meile kättesaadavad kõik JSX keele võimalused, välja arvatud staatuse ja muude sarnaste hook-idega töötamine.

Näitena loome muutuja ja väljastame selle veebilehe kujunduses:

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

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