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