NextJS फ्रेमवर्क की स्थापना
इस पाठ में हम NextJS स्थापित करेंगे।
इस फ्रेमवर्क को स्थापित करने के लिए आपको
NodeJS संस्करण 22 या उससे ऊपर की आवश्यकता होगी।
स्थापना शुरू करने के लिए टर्मिनल में निम्नलिखित कमांड चलानी होगी:
npx create-next-app@latest
इसके बाद स्थापना प्रक्रिया शुरू हो जाएगी और आपसे कई प्रश्नों के उत्तर देने के लिए कहा जाएगा, जिनकी सहायता से आपका फ्रेमवर्क कॉन्फ़िगर किया जाएगा।
| प्रश्न | उत्तर |
|---|---|
| What is your project named? |
यहाँ हमें अपने प्रोजेक्ट का नाम देना होगा।
कोई भी नाम दिया जा सकता है।
my-app लिखें।
|
| Would you like to use TypeScript? |
यहाँ हमें TypeScript उपयोग करने का प्रस्ताव दिया गया है।
हम ऐसा नहीं करेंगे, क्योंकि सरलता के लिए अभी
हम JavaScript पर काम करेंगे।
No चुनें। |
| Would you like to use ESLint? |
ESLint एक विशेष लाइब्रेरी है जो आपके कोड की
फॉर्मेटिंग मानकों के अनुरूपता की जाँच करती है।
Yes चुनें। |
| Would you like to use Tailwind CSS? |
Tailwind React के लिए एक विशेष CSS फ्रेमवर्क है।
Yes चुनें। |
| Would you like to use `src/` directory? |
यहाँ पूछा गया है कि क्या हम चाहते हैं कि हमारा प्रोजेक्ट
src फोल्डर में हो।
Yes चुनें। |
| Would you like to use App Router? |
आधुनिक रूटिंग वेरिएंट सक्षम करता है।
Yes चुनें। |
| Would you like to customize the default import alias (@/*)? |
यह सेटिंग फाइलों के आयात का उपयोग करते समय
फाइलों के पथ को सरल बनाने की अनुमति देती है।
Yes चुनें। |
सभी प्रस्तावित प्रश्नों के उत्तर देने के बाद फ्रेमवर्क की स्थापना शुरू हो जाएगी। जब प्रोजेक्ट बन जाएगा, तो उसके फोल्डर में जाएँ:
cd my-app
NextJS पर एक प्रोजेक्ट बनाएँ।