danurbanowicz / 11ty-shopify-example

Example site for 11ty, Shopify, StimulusJS

Home Page:https://cloudsh.com/category/eleventy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

11ty Shopify Example

This is a sample repo for some blog posts I'm writing about using Shopify has a headless e-commerce solution built using 11ty.

It's built using the Shopify APIs, 11ty site generator, ParcelJS to package front end assets, and StimulusJS for the frontend JS.

WIP

Setup

Shopify account with an Storefront Access Token for the pubilc API.

Set the Access Token in a SHOPIFY_ACCESS_TOKEN environment variable.

Set your Shopify Domain in SHOPIFY_DOMAIN.

Might need to hard code these in the client side JS.

Search 11ty-shopify and replace with your down domain. Doesn't matter for running locally.

Development

Run npm install to install everything.

Run npm run start to run locally.

Build

Run npm run build to make a production build. Outputs to the build directory.

Blog Posts

About

Example site for 11ty, Shopify, StimulusJS

https://cloudsh.com/category/eleventy

License:MIT License


Languages

Language:HTML 48.8%Language:JavaScript 37.9%Language:CSS 13.1%Language:Makefile 0.2%