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

Question

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

[This](https://stackoverflow.com/a/41770848/14015126) might be useful. — Marko Borković, Feb 13 '22 at 11:41

score 8 · Accepted Answer · answered Feb 13 '22 at 11:46

8

Modify start command from scripts section of package.json.

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

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

answered Feb 13 '22 at 11:46

Shreekesh Murkar

2

Just landed here. For all Mac/linux users: instead of `set PORT=3005` do `export PORT=3005` – gerrel93 Dec 11 '22 at 14:31

score 2 · Answer 2 · answered Mar 12 '23 at 01:31

2

You can create a .env file in the root of your project, and then put this in it:

PORT=3001

Then you don't have to worry about Windows vs Mac/Linux differences.

answered Mar 12 '23 at 01:31

ChillyPenguin

2 Answers2