Serveriniai komponentai NextJS karkase

Panagrinėkime komponentą, kurį sukūrėme ankstesnėje pamokoje:

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

Kaip jau minėta anksčiau, pagal nutylėjimą NextJS visi komponentai yra serveriniai. Tuomet mums prieinamos visos JSX kalbos galimybės, išskyrus darbą su būsenomis ir kitais panašiais hooks'ais.

Pavyzdžiui, sukurkime kintamąjį ir išveskime jį išdėstyme:

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

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