by Sai gowtham

How to run the create-react-app on a different port

In this tutorial, we will learn how to run the create-react-app on a different port.

If we create a new project using create-react-app (CLI), by default the react app runs on port 3000 with npm start command.

Changing the port number

To change the port number, first we need to install a new package called cross-env which helps to set environment variables across all platforms (like windows, mac, linux, etc).

npm install -D cross-env

Now, open your package.json file and add the following line inside the scripts object by specifying your port number.

"start": "cross-env PORT=4006 react-scripts start",

Here I set a PORT environment variable to 4006 using cross-env, so that my app runs on port 4006.

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
26,545 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
221,520 students enrolled
44 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
114,575 students enrolled
21 hours of video content
View Course