doc22940 / commercejs-reactjs-vuejs-demo-store

Headless eCommerce demo store using Commerce.js SDK. Built using React.js (Vue.js branch available) illustrating 100% custom storefront, cart, checkout and order confirmation views.

Demo store using Commerce.js & React

This demo-store uses Commerce.js, an eCommerce client-side JavaScript SDK.

Spin up a local demo

Follow the instructions below to install the Chec CLI.

Install source code using the Chec CLI

Use the Chec CLI to create copy of the source code on your computer. First follow the instructions to install the Chec CLI.

Once installed login using the Chec login command. Then run the Chec demo-store command and select the react-shoe-store.

If authenticated successfully (tip: use chec whoami) your Chec Dashboard should now include two sample products, seeded by the Chec CLI, and your terminal should have a react-shoe-store directory.

Clone & use NPM script seed

You can also skip the use of the Chec CLI and instead clone the repo, switch to the react.js branch, make a copy of .env.example into .env and setting the variables needed.

You must specifiy your secret key in the .env for the seed script to have the proper permission to seed your Chec Dashboard with the sample product data. Please remove the secret key when not in use anymore.

Once you have the proper .env keys run yarn install then yarn seed—and when ready to serve the application yarn serve.

Other Branches

• Vue.js
  • Contains an abstracted version of the Master branch using Vue.js CSS/SASS, templating syntax. View here
• Master (not ready)
  • Contains a plain HTML/CSS/SASS/Vanilla JS implemenation.