Серверныя кампаненты ў фрэймворку 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 ўнутры вашага сервернага кампанента.