Серверски компоненти у фрејмворку NextJS

Размотримо компонент, који смо креирали у претходној лекцији:

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

Као што је раније поменуто, подразумевано у NextJS-у сви компоненти су серверски. При томе су нам доступне све могућности језика JSX, осим рада са стејтовима и других сличних hooks-а.

За пример, хајде да направимо променљиву и прикажемо је у верстању:

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

Дат је низ производа:

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

Помоћу петље прикажите ове производе у виду списка ul унутар вашег серверског компонента.