Skip to content

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.

Notifications You must be signed in to change notification settings

brainwashedrobot/commercejs-reactjs-vuejs-demo-store

 
 

Repository files navigation

Demo store using Commerce.js & React

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

Demo button

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.

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 84.1%
  • JavaScript 14.4%
  • HTML 1.5%
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy