Сървърни компоненти във фреймуърка NextJS

Нека разгледаме компонента, създаден от нас в предишния урок:

export default function Test() {
	return <h1>hello, user!</h1>;
}

Както вече беше споменато, по подразбиране в NextJS всички компоненти са сървърни. При това са ни достъпни всички възможности на езика JSX, с изключение на работа със състояния и други подобни hooks.

За пример нека направим променлива и я изведем в markup-а:

export default function Test() {
	let name = 'user';
	return <h1>hello, {name}!</h1>;
}

Даден е масив от продукти:

let prods = [
	'prod1',
	'prod2',
	'prod3',
];

С помощта на цикъл изведете тези продукти под формата на списък ul във вашия сървърен компонент.