NextJS ফ্রেমওয়ার্কে সার্ভার কম্পোনেন্ট

আমাদের আগের পাঠে তৈরি করা কম্পোনেন্টটি বিবেচনা করা যাক:

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

যেমনটি আগে উল্লেখ করা হয়েছে, ডিফল্টভাবে NextJS-এ সমস্ত কম্পোনেন্ট সার্ভার-সাইড হয়। এক্ষেত্রে আমাদের কাছে JSX ভাষার সমস্ত বৈশিষ্ট্য উপলব্ধ, স্টেট এবং অন্যান্য অনুরূপ হুকগুলির সাথে কাজ করা ছাড়া।

উদাহরণস্বরূপ, আসুন একটি ভেরিয়েবল তৈরি করি এবং এটিকে মার্কআপে আউটপুট করি:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

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