p3lican / shopify-nuxt-kit

Netlify + Shopify + Nuxt Demo

Shopify Nuxt

A starter template kit for those looking to use Shopify's new Cart API with Nuxt.js.

Configuration

You need to set the following environment variables in your Netlify dashboard:

• SHOPIFY_API_ENDPOINT: Example https://example.myshopify.com/api/unstable/graphql.json
• SHOPIFY_STOREFRONT_API_TOKEN: Example asdfj8fjhd83js83dhdhs8s

Build Setup

Prerequisite: Netlify CLI and Node 16

# install dependencies
$ npm install

# serve with hot reload at localhost:8888
$ ntl dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Credit

Big hat tip to Sarah's Netlify E-commerce Site which served as a big inspiration for the current design.