Here is a tutorial on how to deploy a React app on Heroku:
Create a new Heroku account if you don't already have one.
Install the Heroku CLI (Command Line Interface) by following the instructions on the Heroku website.
Log in to your Heroku account using the Heroku CLI by running the command heroku login.
In your React app's root directory, create a file named Procfile (no file extension) and add the following line to it: web: npm start. This tells Heroku to start the app using the npm start command.
Create a package.json file in the root of your React app by running the command npm init -y. This file includes the dependencies and scripts that Heroku needs to run the app.
Add a "scripts" object to the package.json file and add the following line: "heroku-postbuild": "npm run build". This tells Heroku to run the npm run build command after the app is built.
In the dependencies object, add the following lines:
Run the command npm install to install the dependencies.
Create a new Heroku app by running the command heroku create. This will give you a random app name and a URL that you can use to access the app.
Push the app to Heroku by running the command git push heroku master. This will deploy the app to the Heroku server.
Run the command heroku open to open the app in your browser.
You have successfully deployed your React app on Heroku. Keep in mind that if you make changes to your app, you'll need to push the updates to Heroku using the git push heroku master command.
Please note that this is just a general guide and depending on the complexity of your app, more steps and details might be needed.
.png)
