Komponentët e Serverit në Kornizën NextJS

Le të shqyrtojmë një komponent të krijuar nga ne në mësimin e mëparshëm:

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

Siç u përmend më parë, si parazgjedhje në NextJS të gjithë komponentët janë server. Në të njëjtën kohë, ne kemi në dispozicion të gjitha mundësitë e gjuhës JSX, përveç punës me state dhe hook-eve të tjerë të ngjashëm.

Për shembull, le të krijojmë një ndryshore dhe ta shfaqim atë në markup:

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

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