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 की तरह सूची के रूप में आउटपुट करें।