Skip to content

princefishthrower/react-redux-shopify-storefront-api-example

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

React + Redux + Shopify-Buy Boilerplate Code!

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!

About

A mid-2018 boilerplate site utilizing React, Redux, and Shopify's Storefront API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published