NextJS фреймворгіндегі серверлік компоненттер

Біздің алдыңғы сабақта жасаған компонентті қарастырайық:

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

Бұрын айтылғандай, әдепкі бойынша NextJS-те барлық компоненттер серверлік болады. Бұл ретте бізге JSX тілінің барлық мүмкіндіктері қолжетімді, state-термен жұмыс істеуден және басқа да ұқсас хуқтардан басқа.

Мысал ретінде айнымалы жасап, оны версткада шығарайық:

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

Өнімдер массиві берілген:

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

Цикл көмегімен бұл өнімдерді сіздің серверлік компонентіңіздің ішінде ul тізімі түрінде шығарыңыз.