Deploying React on Heroku in 5 min for free (+ Github / Heroku CI)

Free hosting and automatic code deployments

Our goal

We will take the following steps to achieve our goal:

Generate Create React App

npx create-react-app my-app 
npx create-react-app react-medium-demo

Setting up GitHub repository

# Please replace the link with your repository link
git remote add origin
git branch -M main
git push -u origin main
# to create branch locally
git checkout -b qa
# to add the files
git add .
# to commit
git commit -a -m "init"
# to push (we created the branch locally hence we need to set upstream initially)git push --set-upstream origin qa

Setting up Heroku App

To set up Heroku Pipeline

To set up Heroku App

To set up Heroku buildpack

To set up automatic code deployment

To test our solution

Next steps

How I use Heroku?


Technical Lead. Seeking to make a change. Doing quality work that matters for people who care.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store