Серверски компоненти во рамката 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 во вашиот серверски компонент.