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