הגדרת Windows WSL ו-Next.js
ניתן לקבל חווית פיתוח של Linux על Windows. הגדרה זו משתמשת ב-WSL, Node.js, pnpm ו-Next.js. היא מהירה ומקצועית.
בצעו את השלבים הבאים כדי להקים את סביבת העבודה שלכם.
- התקנת WSL פתחו את PowerShell כמנהל (admin) והריצו: wsl --install
פעולה זו מתקינה את Ubuntu. כעת יש לכם סביבת Linux בתוך Windows.
- הכנת Linux פתחו את הטרמינל של WSL והריצו את הפקודות הבאות:
- בדיקת ספריית הבית שלכם: cd ~
- יצירת תיקייה: mkdir projects
- עדכון המערכת: sudo apt update && sudo apt upgrade
התקנת 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
הגדרת pnpm pnpm מהיר יותר מ-npm וחוסך בשטח האחסון. הפעילו אותו באמצעות Corepack: corepack enable pnpm
יצירת פרויקט Next.js הריצו את הפקודה הזו כדי להתחיל פרויקט חדש: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app
אם מופיעה שגיאת [ERR_PNPM_IGNORED_BUILDS], הריצו: pnpm approve-builds לאחר מכן הריצו: pnpm install
- חיבור ל-VS Code התקינו את תוסף ה-WSL ב-VS Code. בטרמינל שלכם, הקלידו: code .
VS Code רץ על Windows אך מתחבר לסביבת ה-Linux שלכם. זוהי הדרך הטובה ביותר לעבוד.
למה ההגדרה הזו עובדת:
- ביצועים מהירים
- גישה לכלי Linux
- ניהול תלויות (dependencies) טוב יותר
- זרימת עבודה (workflow) מקצועית
כדי לשחרר זיכרון RAM בסיום העבודה, הריצו: wsl --shutdown
מקור: https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1