How to Deploy Your Shopify React App to Heroku

#shopify #heroku #webdev #javascript

I followed the Build a Shopify App with Node and React to start my first Shopify app. The server sets you up using a local ngrok server which was pretty impractical since I travel a bit.

The steps are as follows:

Create new app on Heroku
Connect app with your Github repo/branch (it may take a minute or two to load)
Place your SHOPIFY_API_KEY and SHOPIFY_API_SECRET_KEY in your Heroku app’s Config Vars located in Settings.
Update your Shopify App Urls with your live Heroku app link (https://example-app.herokuapp.com/) and (https://example-app.herokuapp.com/auth/callback)

That’s it. Your app should be live and ready to scale!