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

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