👉 Visit the DatoCMS homepage or see What is DatoCMS?
Snipcart + Gatsby + DatoCMS example
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.
Deploy on DatoCMS
If you want to set up a live demo for yourself, just sign up for a free DatoCMS account and click this button:
Usage
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.
Further demo options
This project is also available as a demo on Gatsby Cloud. This will allow you to test the Gatsby preview capabilities in no time.
What is DatoCMS?
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/gatsby-source-datocms: Our Gatsby source plugin to pull data from DatoCMS
- Frontend examples in different frameworks: Next.js, Vue and Nuxt, Svelte and SvelteKit, Astro, Remix. See all our starter templates.
Or see all our public repos