This starter kit is the recommended starting ground for creating new Simle Commerce sites or playing around with Simple Commerce for the first time.
It includes a minimal boilerplate design which aims to demonstrate most of the functionality available with Simple Commerce. Feel free to change it as much as you want, redesign the whole thing if you want. Also, feel free to just take snippets of code and pop them in your own project. The source code is available on GitHub.
Before using Simple Commerce in production, please remember to purchase a Simple Commerce license, from the Statamic Marketplace.
- 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
1. Create a new site
You can create a new site using the Statamic CLI Tool:
statamic new awesome-ecom-site doublethreedigital/sc-starter-kit
2. Make a new user
The above installers should prompt you to make a user, but you can also run
php please make:user. You'll want it to be a
super so you have access to everything.
3. Recompile the CSS (optional)
npm i && npm run dev
To compile for production again:
npm run production
4. Do your thing!
If you're using Laravel Valet (or similar), your site should be available at
http://awesome-ecom-site.test. You can access the control panel at
http://awesome-ecom-site.test/cp and login with your new user. Open up the source code, follow along with the Statamic 3, /Simple Commerce documentation and enjoy!
There's also a few commands you can run to compile your assets for various environments.
npm run dev- to compile your assets locally
npm run watch- to compile your assets locally and start a watcher looking out for file changes
npm run production- to compile and minify your assets, ready for production
You can of course customise this setup however you want.
For more information on using Simple Commerce, you can review the Simple Commerce documentation.