Configuration de Windows WSL et Next.js

Vous pouvez bénéficier d'une expérience de développement Linux sur Windows. Cette configuration utilise WSL, Node.js, pnpm et Next.js. Elle est rapide et professionnelle.

Suivez ces étapes pour configurer votre environnement.

  1. Installer WSL Ouvrez PowerShell en tant qu'administrateur et exécutez : wsl --install

Cela installe Ubuntu. Vous disposez désormais d'un environnement Linux à l'intérieur de Windows.

  1. Préparer Linux Ouvrez votre terminal WSL et exécutez ces commandes :
  • Vérifiez votre répertoire personnel : cd ~
  • Créez un dossier : mkdir projects
  • Mettez à jour votre système : sudo apt update && sudo apt upgrade

  1. Installer Node.js via NVM Utilisez NVM pour gérer vos versions de Node. Exécutez : curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts

  2. Configurer pnpm pnpm est plus rapide que npm et économise de l'espace disque. Activez-le avec Corepack : corepack enable pnpm

  3. Créer un projet Next.js Exécutez cette commande pour démarrer un nouveau projet : pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

Si vous voyez une erreur [ERR_PNPM_IGNORED_BUILDS], exécutez : pnpm approve-builds Ensuite, exécutez : pnpm install

  1. Connecter VS Code Installez l'extension WSL dans VS Code. Dans votre terminal, tapez : code .

VS Code s'exécute sur Windows mais se connecte à votre environnement Linux. C'est la meilleure façon de travailler.

Pourquoi cette configuration fonctionne :

  • Performances rapides
  • Accès aux outils Linux
  • Meilleure gestion des dépendances
  • Flux de travail professionnel

Pour libérer la RAM une fois terminé, exécutez : wsl --shutdown

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