NextJS फ्रेमवर्क के काम करने का मूल सिद्धांत

पिछले पाठों में हमने NextJS फ्रेमवर्क इंस्टॉल किया और इसकी बुनियादी संरचना से परिचित हुए। अब मुख्य काम करने का समय आ गया है।

NextJS का मुख्य हिस्सा रूटिंग है। रूटिंग इस तरह काम करती है: जब उपयोगकर्ता ब्राउज़र के एड्रेस बार में कोई URL टाइप करता है, NextJS फ्रेमवर्क ब्राउज़र को एक विशिष्ट फ़ाइल भेजेगा, जो उस URL के अनुरूप होती है।

NextJS में रूटिंग एक विशेष तरीके से काम करती है। इसका सार यह है कि प्रत्येक अनुरोधित URL src/app के अंदर एक निश्चित फ़ोल्डर के अनुरूप होता है।

इसके साथ ही फ़ोल्डर के अंदर page.jsx नाम की एक फ़ाइल होनी चाहिए। यही फ़ाइल ब्राउज़र को भेजी जाएगी। इसके अलावा इस फ़ाइल में हम JSX में कोड लिखेंगे, और ब्राउज़र में पेज का तैयार HTML कोड भेजा जाएगा।

आइए एक उदाहरण देखें। मान लीजिए कि हम चाहते हैं कि URL /test/ पर कुछ टेक्स्ट दिखाई दे।

हम संबंधित फ़ोल्डर बनाएंगे: src/app/test। इस फ़ोल्डर के अंदर page.jsx फ़ाइल बनाएंगे जिसमें निम्नलिखित सामग्री होगी:

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

ब्राउज़र में हमारा URL खोलें: /test। और आपको वह टेक्स्ट दिखाई देगा जो हमने JSX फ़ाइल के अंदर लिखा था।

टेक्स्ट बदलने का प्रयास करें और फ़ाइल को सेव करें। इसके बाद टेक्स्ट अपने आप ब्राउज़र में भी बदल जाएगा। इस तरह विकास मोड में NextJS काम करता है।