Компонентҳои серверӣ дар фреймворки 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 дар дохили компоненти серверии худ чоп кунед.