Member-only story
In the previous post, I covered steps you need to set in your React application to deploy it on Heroku. What I didn’t cover are the steps that you need to do in Heroku for automatic deployment. That is the focus of this post. I do assume that you already allowed your Heroku account access to your GitHub repository. Also, you can do all these things via Heroku CLI. Still, many beginners feel more comfortable with UI, so I am only focusing on that.
Step 1: When you log into your Heroku account, click on the button with the label “Personal” or open https://dashboard.heroku.com/apps. This screen is also a place where you can see a list of all existing apps. If you are using a free Heroku account, be aware you are only allowed five applications.
Step 2: Click the button with the label “New” (top right button) and select “Create new app” from the dropdown
Step 3: Give it a meaningful name. I usually prepend with my GitHub username as it is not for production. It affects the generated URL for your application. A region can be anything. I am in Europe, so I use Europe. But it doesn’t make much difference.
