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',
];