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 рўйхат шаклида чиқаринг.