By default, when you run
npm run dev, it will start the Next.js app in port 3000. There can be times when port 3000 is used by another application or you have a requirement to start the server in another port.
We will see how to achieve it in this article.
First, create a new Next.js project using the following command:
npx create-next-app@latest next-set-port
Now let's say you want to change the port to 8090. You can open the
package.json and update the
dev script as follows:
"dev": "next dev -p 8090",
Now if you run
npm run dev, you should be able to access the app at http://localhost:8090.
If you want to run the project in a different port after it is built (after running
npm run build),
you can do so by updating the
"start": "next start -p 8090",
Now you can run
npm start to see the page served at port 8090.