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 আকারে এই পণ্যগুলি আউটপুট করুন।