https://github.com/commercelayer/headless-swag-store

A minimal ecommerce product page built with static content, HTML5, CSS, Javascript, and Commerce Layer.
https://github.com/commercelayer/headless-swag-store

commercelayer ecommerce jamstack javascript netlify tailwindcss tailwindui

Last synced: 5 months ago
JSON representation

A minimal ecommerce product page built with static content, HTML5, CSS, Javascript, and Commerce Layer.

• Host: GitHub
• URL: https://github.com/commercelayer/headless-swag-store
• Owner: commercelayer
• Created: 2021-07-24T11:55:17.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-15T07:07:46.000Z (about 3 years ago)
• Last Synced: 2023-03-02T02:56:11.903Z (about 2 years ago)
• Topics: commercelayer, ecommerce, jamstack, javascript, netlify, tailwindcss, tailwindui
• Language: HTML
• Homepage: https://headless-swag-store.netlify.app
• Size: 9.4 MB
• Stars: 4
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
> **Warning**

> 

> We revamped our Drop-in library and deprecated the old one, which this tutorial is about. The new [JS Drop-in](https://github.com/commercelayer/drop-in.js) can implement our commerce web components (price, availability, add to cart, shopping cart, checkout link, and my account link) that can operate as micro frontends, into any HTML webpage. Read [this article](https://commercelayer.io/blog/composable-commerce-with-micro-frontends) to learn more and see our micro frontends in action.

# headless-swag-store

[![Netlify Status](https://api.netlify.com/api/v1/badges/c8aa583b-2c90-4095-b64e-501686e88963/deploy-status)](https://app.netlify.com/sites/headless-swag-store/deploys)

A minimal ecommerce product page built with static content, HTML5, TailwindCSS, and integrated with Commerce Layer to make the static website shoppable using the [Dropin Javascript library](https://github.com/commercelayer/commercelayer-js-dropin).

Learn how to build this project by reading [this comprehensive tutorial](https://commercelayer.io/blog/how-to-make-any-website-shoppable-with-commerce-layer).

---

[](https://app.netlify.com/start/deploy?repository=https://github.com/commercelayer/headless-swag-store) [](https://vercel.com/new/clone?repository-url=https://github.com/commercelayer/headless-swag-store)