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)

nextjs tutorial video

📺 Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay