/shopify-demo-app-hooks

The Shopify Demo App with React Hooks

Primary LanguageJavaScript

Shopify Demo App with Hooks

License: MIT

This repository contains a modified version of the completed app for the Build a Shopify app with Node and React tutorial. The original repo can be found here.

Changes from the original

I made a few changes to the code as I walked through the tutorial. The main modifications are:

  • Using only React hooks for components
  • Modified package.json scripts
  • Simpler next.config.js file
  • Using hooks for Apollo mutations and queries

Shopify tutorial setup for demo app

If you plan to use this completed app, then make sure that you first complete these setup instructions:

  1. Install the latest stable version of Node.js.
  2. Install npm packages (run: npm install).
  3. Expose your dev environment.
  4. Get a Shopify API key and Shopify API secret key.
  5. Add the Shopify API key and Shopify API secret key.
  6. Start your app (run: npm run dev).
  7. Authenticate and test your app.
  8. Set up your app navigation.
  9. Add your ngrok url as Host.