reactjslocalhostportcreate-react-app

React.js : How to start a react application on a different port


I just have started learning React.js and made two projects using Create React App.

Now if I want to start both projects at the same time, I can't because both start on port 3000 by default.

Is there any way I can change the default port of one of them to something else like http://localhost:3001 and run them simultaneously?

Note: I'm a Windows user


Solution

  • Modify start command from scripts section of package.json.

    "start": “set PORT=3005 && react-scripts start"
    

    There are couple of other ways also. Refer this link https://tech.amikelive.com/node-830/reactjs-changing-default-port-3000-in-create-react-app/

    PS: You can specify the port number which you want.