react app and express backend server in the same project

[arunkumar413]

Hi Team,

I have a react app created with CRA and would like to maintain the express backend in the same project. Could you please share the details and also update the CRA docs on the best practices to have a react and express app in the same project.

Thanks,
Arun

[satvik-1203]

Hello Arun,

So basically, you serve your HTML file as a static file using express static.
In production, perform the build command and link it to the HTML file in the build folder.

Serving Static Files
For more info

[arunkumar413]

I'm aware of serving static files. My question is more about maintaining react and express in a single git repository, aligning the npm commands to run both front end and backend.

[arunkumar413]

Did anyone had a chance to look into this requirement?

[Kavin-Brat]

@arunkumar413 you can maintain the project structure like this..

/my-react-express-app
|-- /client       (React app)
|   |-- ...
|
|-- /server       (Express app)
|   |-- ...
|
|-- package.json  (Main project's package.json)