Skip to main content
  1. All Posts/

commercejs-reactjs-vuejs-demo-store

eCommerce CSS

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.

⚠️ Note

This repository is no longer maintained

However, we will accept issue reports and contributions for this repository. See the contribute to the commerce community page for more information on how to contribute to our open source projects. For update-to-date APIs, please check the latest version of the API documentation.