𝗪𝗶𝗻𝗱𝗼𝘄𝘀 𝗪𝗦𝗟 𝗮𝗻𝗱 𝗡𝗲𝘅𝘁.𝗷𝘀 𝗦𝗲𝘁𝘂𝗽

நீங்கள் Windows-இல் ஒரு Linux மேம்பாட்டு அனுபவத்தைப் பெறலாம். இந்த அமைப்பமைப்பு WSL, Node.js, pnpm மற்றும் Next.js ஆகியவற்றைப் பயன்படுத்துகிறது. இது வேகமானது மற்றும் தொழில்முறை சார்ந்தது.

உங்கள் சூழலை (environment) உருவாக்க இந்த வழிமுறைகளைப் பின்பற்றவும்.

  1. WSL-ஐ நிறுவவும் PowerShell-ஐ admin ஆகத் திறந்து இதை இயக்கவும்: wsl --install

இது Ubuntu-வை நிறுவும். இப்போது உங்களிடம் Windows-க்குள் ஒரு Linux சூழல் உள்ளது.

  1. Linux-ஐத் தயார் செய்யவும் உங்கள் WSL terminal-ஐத் திறந்து இந்த கட்டளைகளை (commands) இயக்கவும்:
  • உங்கள் home directory-ஐச் சரிபார்க்க: cd ~
  • ஒரு கோப்புறையை (folder) உருவாக்க: mkdir projects
  • உங்கள் system-ஐப் புதுப்பிக்க: 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-ஐ விட வேகமானது மற்றும் வட்டு இடத்தைச் (disk space) சேமிக்கிறது. Corepack மூலம் இதைச் செயல்படுத்தவும்: corepack enable pnpm

  3. ஒரு Next.js Project-ஐ உருவாக்கவும் ஒரு புதிய திட்டத்தைத் தொடங்க இந்த கட்டளையை இயக்கவும்: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

உங்களுக்கு [ERR_PNPM_IGNORED_BUILDS] பிழை (error) வந்தால், இதை இயக்கவும்: pnpm approve-builds பிறகு இதை இயக்கவும்: pnpm install

  1. VS Code-ஐ இணைக்கவும் VS Code-இல் WSL extension-ஐ நிறுவவும். உங்கள் terminal-இல் இதைத் தட்டச்சு செய்யவும்: code .

VS Code Windows-இல் இயங்கும் ஆனால் உங்கள் Linux சூழலுடன் இணைக்கப்படும். இது வேலை செய்வதற்குச் சிறந்த வழியாகும்.

இந்த அமைப்பமைப்பு ஏன் சிறந்தது:

  • வேகமான செயல்பாடு (Fast performance)
  • Linux கருவிகளுக்கான அணுகல்
  • சிறந்த dependency மேலாண்மை
  • தொழில்முறை பணிப்பாய்வு (Professional workflow)

வேலை முடித்த பிறகு RAM-ஐ விடுவிக்க, இதை இயக்கவும்: wsl --shutdown

ஆதாரம்: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1