https://github.com/snipcart/headlesscommerce
https://github.com/snipcart/headlesscommerce
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/snipcart/headlesscommerce
- Owner: snipcart
- Created: 2020-08-31T18:43:46.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-08-23T05:49:44.000Z (almost 3 years ago)
- Last Synced: 2025-03-28T10:50:21.245Z (3 months ago)
- Language: JavaScript
- Size: 264 KB
- Stars: 29
- Watchers: 6
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Headless & coupled e-commerce solutions (Tailwind & Vue app)
## Context
Snipcart was a sponsor at [Headless Commerce Summit](https://headlesscommercesummit.com/), an event organized by Netlify. Our CEO François gave a lightning talk titled [Does Snipcart have a head?](https://www.youtube.com/watch?v=9WB8OXZnH4k)
The talk was also converted into a fully fledged [developer guide to headless e-commerce](https://snipcart.com/blog/headless-ecommerce-guide).
For this talk, we needed a way to better visualize differences between headless & coupled e-commerce solutions. We had wanted to experiment with Vue + Tailwind CSS for a while, so we did.
[Here's the resulting app!](https://headlesscommerce.netlify.app/)
The headless e-commerce solutions featured in the app are placed in 4 categories, depending on their characteristics:
- Monolithic
- Add-on
- Storefront
- API
## Contributing
You can submit edits or other solutions by cloning the repo and opening a PR.
We hope this app helps developers and merchants better understand the place of each of these e-commerce tools in the ecosystem.
## Tailwind + Vue tutorial
We wrote a blog post to show how to set up Tailwind in a Vue.js app. Here's what it covers:
- Generating a Vue 3 app
- Setting up Tailwind CSS
- Defining data to play with Tailwind
- Pushing the configuration further
Read the tutorial [here](https://snipcart.com/blog/tailwind-vue-tutorial).