NextJS ֆրեյմվորքում սերվերային կոմպոնենտները

Դիտարկենք մեր կողմից նախորդ դասում ստեղծված կոմպոնենտը.

export default function Test() {
	return <h1>բարև, օգտատեր!</h1>;
}

Ինչպես արդեն նշվել էր, լռելյայն NextJS-ում բոլոր կոմպոնենտները սերվերային են: Այդ դեպքում մեզ հասանելի են JSX լեզվի բոլոր հնարավորությունները, բացառությամբ ստեյթների և այլ նմանատիպ հուկների աշխատանքի:

Օրինակի համար եկեք ստեղծենք փոփոխական և արտածենք այն վերստում.

export default function Test() {
	let name = 'օգտատեր';
	return <h1>բարև, {name}!</h1>;
}

Տրված է ապրանքների զանգված.

let prods = [
	'ապրանք1',
	'ապրանք2',
	'ապրանք3',
];

Օգտագործելով ցիկլ՝ արտածեք այս ապրանքները որպես ցուցակ ul ձեր սերվերային կոմպոնենտի ներսում: