Windows WSL-ഉം Next.js-ഉം സെറ്റപ്പ് ചെയ്യാം

വിൻഡോസിൽ നിങ്ങൾക്ക് ഒരു ലിനക്സ് ഡെവലപ്‌മെന്റ് അനുഭവം ലഭിക്കും. ഈ സെറ്റപ്പിൽ WSL, Node.js, pnpm, Next.js എന്നിവ ഉപയോഗിക്കുന്നു. ഇത് വേഗതയേറിയതും പ്രൊഫഷണലുമാണ്.

നിങ്ങളുടെ എൻവയോൺമെന്റ് തയ്യാറാക്കാൻ ഈ ഘട്ടങ്ങൾ പിന്തുടരുക.

  1. WSL ഇൻസ്റ്റാൾ ചെയ്യുക PowerShell അഡ്മിനിസ്ട്രേറ്റർ ആയി തുറന്ന് ഇത് റൺ ചെയ്യുക: wsl --install

ഇത് Ubuntu ഇൻസ്റ്റാൾ ചെയ്യും. ഇപ്പോൾ വിൻഡോസിനുള്ളിൽ നിങ്ങൾക്ക് ഒരു ലിനക്സ് എൻവയോൺമെന്റ് ലഭിച്ചിരിക്കുന്നു.

  1. ലിനക്സ് തയ്യാറാക്കുക നിങ്ങളുടെ 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 സെറ്റപ്പ് ചെയ്യുക npm-നേക്കാൾ വേഗതയുള്ളതും ഡിസ്ക് സ്പേസ് ലാഭിക്കുന്നതുമാണ് pnpm. 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 വിൻഡോസിൽ പ്രവർത്തിക്കുമെങ്കിലും നിങ്ങളുടെ ലിനക്സ് എൻവയോൺമെന്റുമായി കണക്ട് ചെയ്യും. ജോലി ചെയ്യാൻ ഏറ്റവും മികച്ച രീതി ഇതാണ്.

എന്തുകൊണ്ടാണ് ഈ സെറ്റപ്പ് മികച്ചതാകുന്നത്:

  • വേഗതയേറിയ പെർഫോമൻസ്
  • ലിനക്സ് ടൂളുകൾ ഉപയോഗിക്കാം
  • മികച്ച ഡിപെൻഡൻസി മാനേജ്‌മെന്റ്
  • പ്രൊഫഷണൽ വർക്ക്ഫ്ലോ

ജോലി കഴിഞ്ഞാൽ RAM ഫ്രീ ആക്കാൻ ഇത് റൺ ചെയ്യുക: wsl --shutdown

Source: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1