სერვერული კომპონენტები 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',
];