This starter kit is the recommended starting point for building new Simple Commerce sites. It's also useful to test out Simple Commerce before committing to it.
It provides a minimal design which aims to demonstrate how features in Simple Commerce should be implemented & how they work. You're free to change as much or as little as you want or even just take snippets of code and pop them in your own project. The source code is available on GitHub.
Note: Remember to purchase a license from the Statamic Marketplace before using Simple Commerce in production.
- Minimal design
- Step by step checkout process
- Built with TailwindCSS and Alpine.js
- Demonstrates Simple Commerce functionality
- Supports both standalone and variant products
- Includes basic product filtering
You can quickly create a new site using the Statamic CLI.
statamic new artisan-bakery doublethreedigital/sc-starter-kit
And that should be you setup! 🎉
Tailwind CSS & Alpine.js are used out-of-the-box but feel free to change them out if you're more comfortable with something else. For building CSS & JS, this starter kit uses Laravel Mix. It's configured to compile one CSS file and one JS file.
resources/css/site.css->public/css/site.cssresources/js/site.js->public/js/site.js
There's also a few commands you can run to compile your assets for various environments.
npm run dev- to compile your assets locallynpm run watch- to compile your assets locally and start a watcher looking out for file changesnpm run production- to compile and minify your assets, ready for production
For more information on using Simple Commerce, please review the Simple Commerce documentation.