ونڈوز WSL اور Next.js سیٹ اپ

Windows WSL اور Next.js کا سیٹ اپ

آپ Windows پر Linux ڈویلپمنٹ کا تجربہ حاصل کر سکتے ہیں۔ یہ سیٹ اپ WSL، Node.js، pnpm، اور Next.js کا استعمال کرتا ہے۔ یہ تیز اور پیشہ ورانہ ہے۔

اپنا ماحول تیار کرنے کے لیے ان مراحل پر عمل کریں۔

1. WSL انسٹال کریں PowerShell کو بطور ایڈمن (admin) کھولیں اور یہ چلائیں: wsl --install

یہ Ubuntu انسٹال کر دیتا ہے۔ اب آپ کے پاس Windows کے اندر ایک Linux ماحول موجود ہے۔

2. Linux کو تیار کریں اپنا WSL ٹرمینل کھولیں اور یہ کمانڈز چلائیں:

• اپنی ہوم ڈائریکٹری چیک کریں: cd ~
• ایک فولڈر بنائیں: mkdir projects
• اپنے سسٹم کو اپ ڈیٹ کریں: sudo apt update && sudo apt upgrade

3. 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

4. pnpm کا سیٹ اپ کریں pnpm، npm سے زیادہ تیز ہے اور ڈسک سپیس بچاتا ہے۔ اسے Corepack کے ذریعے فعال کریں: corepack enable pnpm

5. Next.js پروجیکٹ بنائیں نیا پروجیکٹ شروع کرنے کے لیے یہ کمانڈ چلائیں: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

اگر آپ کو [ERR_PNPM_IGNORED_BUILDS] ایرر نظر آئے، تو یہ چلائیں: pnpm approve-builds پھر یہ چلائیں: pnpm install

6. VS Code کو منسلک کریں VS Code میں WSL ایکسٹینشن انسٹال کریں۔ اپنے ٹرمینل میں یہ ٹائپ کریں: code .

VS Code Windows پر چلتا ہے لیکن آپ کے Linux ماحول سے منسلک ہو جاتا ہے۔ کام کرنے کا یہ بہترین طریقہ ہے۔

یہ سیٹ اپ کیوں کارآمد ہے:

• تیز کارکردگی
• Linux ٹولز تک رسائی
• بہتر ڈیپینڈینسی مینجمنٹ (dependency management)
• پیشہ ورانہ ورک فلو (workflow)

کام مکمل کرنے کے بعد RAM خالی کرنے کے لیے، یہ چلائیں: wsl --shutdown

ماخذ: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1