maulik-aureatelabs / shopify

Vue Storefront2 Shopify Integration

Vue Storefront Next Shopify Integration

Disclaimer: This project is still in beta phase.

This repository is a starting point for creating new integrations for Vue Storefront Next with Shopify.

• Demo (WIP)
• Documentation (WIP)

This repository is a monorepo containing three projects:

• api-client - communicates with a shopify backend;
• composables - exposes composable functions used to retrieve data using api-client and to map them to universal data formats using getters;
• theme - nuxt project that glues everything together. It extends our core theme and uses composables to retrieve data.

How to start?

1. Configure packages/theme/middleware.config.js to establish the connection to your Shopify store.

domain: 'YOUR SHOPIFY STORE DOMAIN'
storefrontAccessToken: 'SHOPIFY STORE API KEY'

2. Install all required dependencies:

yarn install or yarn

3. (optional) Then you can verify if everything works properly by building all three projects:

yarn build

4. If everything built properly, you can start customizing your storefront:

yarn dev