DEV Community

Cover image for Shopify CLI app deploy on Heroku
aadilraza339
aadilraza339

Posted on

Shopify CLI app deploy on Heroku

What is the Shopify CLI app

Shopify CLI is a command-line interface tool that helps you build Shopify apps. It quickly generates Shopify apps and scaffolds app extensions. You can also use it to automate many common development tasks.

What is Heroku

Heroku is a container-based cloud Platform as a Service (PaaS). Developers use Heroku to deploy, manage, and scale modern apps

Let's focus to deploy an app on Heroku

  • create your account on heroku first
  • install heroku CLI link
  • create an account on Shopify
  • create an account on Shopify partners

you can follow this link to install Shopify-cli

once you install Shopify CLI, now you can log in to Shopify.
shopify login
shopify app create node

It will ask your app's name, simply enter a name related to your app, for now, you can give tutorial-app.

Image description

For this tutorial, I use node-js.

To run the app locally shopify app serve

Now you can make modifications accordingly with your required
if not initially
git init
git add
git commit -m "deploy on heroku"

create an app on Heroku
heroku create
it will print an app link on your terminal
git push heroku master
shopify app deploy heroku

Open your app set-up and replace your Heroku live URL with ngrok

Image description

Now you can your config variables
Image description

Host's value will Heroku live link which had printed on terminal

Now you can visit your Shopify partner and click on your store

Image description

Wow we have successfully deployed our app on heroku

Happy coding :)

Top comments (0)