Shopify Store-front API with Vue 2 and Apollo

An example using vue-apollo built with Vue. This project is a Vuejs translation of storefront-api-examples/react-apollo. This example uses webpack included in the Laravel instalation. Laravel is not required to run the example.

Prerequisites

You will need the following things properly installed on your computer.

Git
Node.js (with NPM)
Yarn
Laravel - optional

Installation

git clone git@github.com:alexchavet/shopify-storefront-vue-apollo.git this repository
cd shopify-storefront-vue-apollo
yarn

Configuring

If you would like to connect your store to this example, rename ressources/assets/js/config-example.js to config.js and update the domain and storefrontAccessToken:

 export const SHOPIFY_STOREFRONT_ACCESS_TOKEN = "ea..your-token..f67";
 export const SHOPIFY_STORE_URL = "your-store.myshopify.com";

If you would like to run browsersync, please update the proxy to your local environement URL:

mix.browserSync({
    proxy: 'localhostXXX'
});

Running

Start a local server:

yarn watch

Visit your app at http://localhost:3000.

License