How to Deploy Your Shopify React App to Heroku

How to Deploy Your Shopify React App to Heroku

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:

  1. Create new app on Heroku
  2. Connect app with your Github repo/branch (it may take a minute or two to load)
  3. Place your SHOPIFY_API_KEY and SHOPIFY_API_SECRET_KEY in your Heroku app’s Config Vars located in Settings.
  4. 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!

Related Posts