Comment changer le port d'une application Next.js

Apprenez à changer le port sur lequel Next.js s'exécute en mode développement

On m'a demandé comment changer le port HTTP d'une application créée à l'aide de Next.js, lorsque vous l'exécutez localement. Par défaut, le port est3000, mais c'est un port couramment utilisé et peut-être avez-vous un autre service en cours d'exécution.

Comment pouvez-vous le changer?

La réponse est dans lepackage.jsonfichier stocké dans le dossier principal de l'application Next.js.

Par défaut, le contenu du fichier est le suivant:

{
  "name": "learn-starter",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "next": "9.3.5",
    "react": "16.13.1",
    "react-dom": "16.13.1"
  }
}

Remarque: les numéros de colis exacts diffèrent dans votre cas, à mesure qu'ils sont mis à jour

La chose que vous devez changer est lascriptspartie.

Changement:

"dev": "next dev",

to

"dev": "next dev -p 3001"

to start Next.js on port 3001 instead of 3000.

Now when you run npm run dev, the command used to start the development server locally, you will see it start on port 3001:

Download my free Next.js Handbook


More next tutorials: