Configuración de Windows WSL y Next.js

Puedes obtener una experiencia de desarrollo Linux en Windows. Esta configuración utiliza WSL, Node.js, pnpm y Next.js. Es rápida y profesional.

Sigue estos pasos para configurar tu entorno.

  1. Instalar WSL Abre PowerShell como administrador y ejecuta: wsl --install

Esto instala Ubuntu. Ahora tienes un entorno Linux dentro de Windows.

  1. Preparar Linux Abre tu terminal de WSL y ejecuta estos comandos:
  • Comprueba tu directorio personal: cd ~
  • Crea una carpeta: mkdir projects
  • Actualiza tu sistema: sudo apt update && sudo apt upgrade

  1. Instalar Node.js mediante NVM Usa NVM para gestionar tus versiones de Node. Ejecuta: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash nvm install --lts nvm use --lts

  2. Configurar pnpm pnpm es más rápido que npm y ahorra espacio en disco. Actívalo con Corepack: corepack enable pnpm

  3. Crear un proyecto de Next.js Ejecuta este comando para iniciar un nuevo proyecto: pnpm create next-app@latest my-project --typescript --tailwind --eslint --app

Si ves un error [ERR_PNPM_IGNORED_BUILDS], ejecuta: pnpm approve-builds Luego ejecuta: pnpm install

  1. Conectar VS Code Instala la extensión WSL en VS Code. En tu terminal, escribe: code .

VS Code se ejecuta en Windows pero se conecta a tu entorno Linux. Esta es la mejor forma de trabajar.

Por qué funciona esta configuración:

  • Rendimiento rápido
  • Acceso a herramientas de Linux
  • Mejor gestión de dependencias
  • Flujo de trabajo profesional

Para liberar la memoria RAM cuando termines, ejecuta: wsl --shutdown

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