🎈 Welcome to the Marketplace — Explore and discover the ecosystem around DatoCMS, and share your own work with the community!

Gatsby ecommerce template

Ecommerce with Gatsby

Simple Gatsby ecommerce template for socks made with Gatsby, Snipcart and DatoCMS. Deployable on Netlify or Vercel.

Want to create your own starter project? Learn how to do that in our documentation!

Gatsby ecommerce template + Snipcart + DatoCMS

This is a demo project to get you started with a static ecommerce site powered by Gatsby, Snipcart and DatoCMS.

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:

Deploy with DatoCMS

Gatsby ecommerce template 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_API_TOKEN=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 template 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.

Ecommerce with Gatsby
Simple Gatsby ecommerce template for socks made with Gatsby, Snipcart and DatoCMS
Publisher
Author gravatarDatoCMS