Skip to content

Vue.js/Apollo version of Shopify storefront-api-examples in a Laravel project

Notifications You must be signed in to change notification settings

jianghan0/shopify-storefront-vue-apollo

 
 

Repository files navigation

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.

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

License

MIT, see LICENSE for details.

About

Vue.js/Apollo version of Shopify storefront-api-examples in a Laravel project

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 76.6%
  • Vue 22.8%
  • HTML 0.6%