Компонентҳои серверӣ дар фреймворки NextJS

Компонентеро, ки мо дар дарси гузашта сохтем, баррасӣ мекунем:

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

Чунон ки пештар зикр шуд, ба сурати пешфарз дар NextJS ҳамаи компонентҳо серверӣ мебошанд. Дар ин ҳол ҳамаи имконияти забони JSX барои мо дастрас аст, ба истиснои кор бо стейтҳо ва дигар хуқҳои монанд.

Барои мисол биёед як тағирёбанда созем ва онро дар верстка чоп кунем:

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

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