DEV Community

Cover image for How to Deploy Your Shopify React App to Heroku
Cormac
Cormac

Posted on

1 1

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!

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more