👉 Visit the DatoCMS homepage or see What is DatoCMS?
This is a demo project to get you started with a static ecommerce site powered by Gatsby, Snipcart and DatoCMS.
It's a brutalist socks ecommerce site, that looks like this:
You can see how it looks live on this demo installation.
All the details on how this works on the related blog post.
If you want to set up a live demo for yourself, just sign up for a free DatoCMS account and click this button:
To run this project locally, install the dependencies of this project:
npm install
Add an .env file containing the read-only API token of your DatoCMS site (set up with the demo button above):
echo 'DATO_READONLY_API_KEY=abc123' >> .env
Then, to run this website in development mode (with live-reload):
npm run develop
To build the final, production ready static website:
npm run build
The final result will be saved in the public directory.
This project is also available as a demo on Gatsby Cloud. This will allow you to test the Gatsby preview capabilities in no time.
DatoCMS is the REST & GraphQL Headless CMS for the modern web.
Trusted by over 25,000 enterprise businesses, agency partners, and individuals across the world, DatoCMS users create online content at scale from a central hub and distribute it via API. We ❤️ our developers, content editors and marketers!
Quick links:
- ⚡️ Get started with a free DatoCMS account
- 🔖 Go through the docs
- ⚙️ Get support from us and the community
- 🆕 Stay up to date on new features and fixes on the changelog
Our featured repos:
- datocms/react-datocms: React helper components for images, Structured Text rendering, and more
- datocms/js-rest-api-clients: Node and browser JavaScript clients for updating and administering your content. For frontend fetches, we recommend using our GraphQL Content Delivery API instead.
- datocms/cli: Command-line interface that includes our Contentful importer and Wordpress importer
- datocms/plugins: Example plugins we've made that extend the editor/admin dashboard
- DatoCMS Starters has examples for various Javascript frontend frameworks
Or see all our public repos