Getting started

Before dive into the Shopify integration with Vue Storefront 2

If you generated your project from our CLI (opens new window), your shop will be connected to our demo store (opens new window).

If you haven't yet generated your project and just to play with Vue Storefront integration with Shopify and understand its capabilities, the first thing you should do after setting it up is changing the credentials to connect to your Shopify store.

First, you need to initiate the fresh project copy from Vue Storefront CLI (opens new window).

Create a .env inline with middleware.config.js file and fill the following required variables

Replace SHOPIFY STORE DOMAIN and SHOPIFY STORE ACCESS TOKEN with yours

SHOPIFY_STOREFRONT_TOKEN=<SHOPIFY_ACCESS_TOKEN>
SHOPIFY_DOMAIN=<SHOPIFY_DOMAIN> # example: vsf-next-pwa.myshopify.com
BASE_URL=<API_DOMAIN> # example: localhost:3001