Windows WSL మరియు Next.js సెటప్

మీరు Windowsలో Linux డెవలప్‌మెంట్ అనుభవాన్ని పొందవచ్చు. ఈ సెటప్ WSL, Node.js, pnpm మరియు Next.jsలను ఉపయోగిస్తుంది. ఇది వేగంగా మరియు ప్రొఫెషనల్‌గా ఉంటుంది.

మీ ఎన్విరాన్మెంట్‌ను రూపొందించడానికి ఈ దశలను అనుసరించండి.

  1. Install WSL PowerShellని అడ్మిన్‌గా ఓపెన్ చేసి, ఇది రన్ చేయండి: wsl --install

ఇది Ubuntuని ఇన్‌స్టాల్ చేస్తుంది. ఇప్పుడు మీకు Windowsలో Linux ఎన్విరాన్మెంట్ అందుబాటులో ఉంటుంది.

  1. Prepare Linux మీ WSL టెర్మినల్‌ని ఓపెన్ చేసి, ఈ కమాండ్లను రన్ చేయండి:
  • మీ హోమ్ డైరెక్టరీని తనిఖీ చేయండి: cd ~
  • ఒక ఫోల్డర్‌ను సృష్టించండి: mkdir projects
  • మీ సిస్టమ్‌ను అప్‌డేట్ చేయండి: sudo apt update && sudo apt upgrade

  1. Install Node.js via NVM మీ Node వెర్షన్లను నిర్వహించడానికి NVMని ఉపయోగించండి. ఇది రన్ చేయండి: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts

  2. Setup pnpm pnpm అనేది npm కంటే వేగంగా ఉంటుంది మరియు డిస్క్ స్పేస్‌ను ఆదా చేస్తుంది. Corepackతో దీనిని ఎనేబుల్ చేయండి: corepack enable pnpm

  3. Create a Next.js Project కొత్త ప్రాజెక్ట్‌ను ప్రారంభించడానికి ఈ కమాండ్‌ను రన్ చేయండి: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

ఒకవేళ మీకు [ERR_PNPM_IGNORED_BUILDS] ఎర్రర్ కనిపిస్తే, ఇది రన్ చేయండి: pnpm approve-builds ఆపై ఇది రన్ చేయండి: pnpm install

  1. Connect 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