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 тизмеси түрүндө чыгарыңыз.