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