Windows WSL और Next.js सेटअप

आप Windows पर Linux डेवलपमेंट का अनुभव प्राप्त कर सकते हैं। यह सेटअप WSL, Node.js, pnpm और Next.js का उपयोग करता है। यह तेज़ और प्रोफेशनल है।

अपना एनवायरनमेंट बनाने के लिए इन स्टेप्स का पालन करें।

  1. WSL इंस्टॉल करें PowerShell को एडमिन के रूप में खोलें और चलाएं: wsl --install

यह Ubuntu इंस्टॉल करता है। अब आपके पास Windows के अंदर एक Linux एनवायरनमेंट है।

  1. Linux तैयार करें अपना WSL टर्मिनल खोलें और ये कमांड्स चलाएं:
  • अपनी होम डायरेक्टरी चेक करें: cd ~
  • एक फोल्डर बनाएं: mkdir projects
  • अपने सिस्टम को अपडेट करें: sudo apt update && sudo apt upgrade

  1. NVM के ज़रिए Node.js इंस्टॉल करें अपने Node वर्शन्स को मैनेज करने के लिए NVM का उपयोग करें। चलाएं: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts

  2. pnpm सेटअप करें pnpm, npm से तेज़ है और डिस्क स्पेस बचाता है। इसे Corepack के साथ इनेबल करें: corepack enable pnpm

  3. Next.js प्रोजेक्ट बनाएं नया प्रोजेक्ट शुरू करने के लिए यह कमांड चलाएं: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

यदि आपको [ERR_PNPM_IGNORED_BUILDS] एरर दिखाई दे, तो चलाएं: pnpm approve-builds फिर चलाएं: pnpm install

  1. VS Code कनेक्ट करें VS Code में WSL एक्सटेंशन इंस्टॉल करें। अपने टर्मिनल में टाइप करें: code .

VS Code Windows पर चलता है लेकिन आपके Linux एनवायरनमेंट से कनेक्ट होता है। काम करने का यह सबसे अच्छा तरीका है।

यह सेटअप क्यों काम करता है:

  • तेज़ परफॉरमेंस
  • Linux टूल्स तक पहुँच
  • बेहतर डिपेंडेंसी मैनेजमेंट
  • प्रोफेशनल वर्कफ़्लो

काम पूरा होने पर RAM खाली करने के लिए, चलाएं: wsl --shutdown

स्रोत: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1