راه‌اندازی Windows WSL و Next.js

شما می‌توانید تجربه توسعه در محیط لینوکس را در ویندوز داشته باشید. این تنظیمات از WSL، Node.js، pnpm و Next.js استفاده می‌کند. این روش سریع و حرفه‌ای است.

برای ساخت محیط توسعه خود، این مراحل را دنبال کنید.

  1. نصب WSL PowerShell را به عنوان مدیر (admin) باز کرده و دستور زیر را اجرا کنید: wsl --install

این دستور Ubuntu را نصب می‌کند. اکنون یک محیط لینوکس در داخل ویندوز دارید.

  1. آماده‌سازی لینوکس ترمینال WSL خود را باز کرده و این دستورات را اجرا کنید:
  • بررسی دایرکتوری خانگی (home): cd ~
  • ایجاد یک پوشه: mkdir projects
  • به‌روزرسانی سیستم: sudo apt update && sudo apt upgrade

  1. نصب Node.js از طریق NVM از NVM برای مدیریت نسخه‌های Node استفاده کنید. دستور زیر را اجرا کنید: 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 افزونه WSL را در VS Code نصب کنید. در ترمینال خود تایپ کنید: code .

برنامه VS Code روی ویندوز اجرا می‌شود اما به محیط لینوکس شما متصل می‌گردد. این بهترین روش برای کار کردن است.

چرا این تنظیمات کارآمد است:

  • عملکرد سریع
  • دسترسی به ابزارهای لینوکس
  • مدیریت بهتر وابستگی‌ها (dependencies)
  • جریان کاری حرفه‌ای

برای آزاد کردن RAM پس از اتمام کار، دستور زیر را اجرا کنید: wsl --shutdown

منبع: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1