სერვერული კომპონენტები NextJS ფრეიმვორკში

განვიხილოთ კომპონენტი, რომელიც ჩვენ შევქმენით წინა გაკვეთილში:

export default function Test() {
	return <h1>hello, user!</h1>;
}

როგორც უკვე იყო ნახსენები, ნაგულისხმევად NextJS-ში ყველა კომპონენტი სერვერულია. ამ შემთხვევაში ჩვენთვის ხელმისაწვდომია JSX ენის ყველა შესაძლებლობა, გარდა სტეიტებთან მუშაობისა და სხვა მსგავსი ჰუკებისა.

მაგალითისთვის შევქმნათ ცვლადი და გამოვიტანოთ ის ვერსტკაში:

export default function Test() {
	let name = 'user';
	return <h1>hello, {name}!</h1>;
}

მოცემულია პროდუქტების მასივი:

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

ციკლის გამოყენებით გამოიტანეთ ეს პროდუქტები სიის ul სახით თქვენს სერვერულ კომპონენტში.