To get started, clone this repository:
git clone https://github.com/frewinchristopher/react-redux-shopify-storefront-api-example.git
This app was bootstrapped with create-react-app, so it should install just fine with:
npm install
The only thing to do before running is add your Shopify store credentials, both of which are in index.js in the buildClient() call:
const client = Client.buildClient({
storefrontAccessToken: 'YOUR_SHOPIFY_STOREFRONT_ACCESS_TOKEN',
domain: 'YOUR_MYSHOPIFY_STORE_URL'
});
Until you provide proper credentials, you'll see these errors in the console:
OPTIONS https://your_store_url/api/graphql net::ERR_NAME_NOT_RESOLVED
localhost/:1 Uncaught (in promise) TypeError: Failed to fetch
Run the development site with:
npm run start
Build a production version with:
npm run build
This is all described in detail in a Medium post that goes step by step through this code base. I highly suggest reading that so you know what the heck is going on!