Code Monkey home page Code Monkey logo

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:

Socks ecommerce screenshot

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

Usage

To run this project locally, install the dependencies of this project:

yarn 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):

yarn develop

To build the final, production ready static website:

yarn 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.

wtnyein's Projects

90daysofcybersecurity icon 90daysofcybersecurity

This repository contains a 90-day cybersecurity study plan, along with resources and materials for learning various cybersecurity concepts and technologies. The plan is organized into daily tasks, covering topics such as Network+, Security+, Linux, Python, Traffic Analysis, Git, ELK, AWS, Azure, and Hacking. The repository also includes a `LEARN.md

automergepublicnodes icon automergepublicnodes

自动抓取合并互联网上的公开节点。 🚀 免费节点,🚀免费节点订阅,🚀v2ray免费节点,ssr免费节点订阅,clash免费节点订阅,免费梯子,免费翻墙,免费科学上网,免费ss/v2ray/trojan/clash节点,谷歌商店,翻墙梯子

awesome-rat icon awesome-rat

RAT And C&C Resources. 250+ Open Source Projects, 1200+ RAT/C&C blog/video.

cybersecurity-tools icon cybersecurity-tools

This repository is aimed to contain all basic tools and resources for cybersecurity. In this repository you will get all material which you must know in cybersecurity field.

devsecops icon devsecops

♾️ Collection and Roadmap for everyone who wants DevSecOps. Hope your DevOps are more safe 😎

fastfolio icon fastfolio

A quicker way to create your portfolio website completely built with React and TailwindCSS

fluxion icon fluxion

Fluxion is a remake of linset by vk496 with enhanced functionality.

for-scholarcharship-dip-2 icon for-scholarcharship-dip-2

Scholarship ကျောင်းသား ကျောင်းသူ များအတွက် သင်ပေးထားသော source code များ ဖြစ်ပြီး မည်သူမဆို အခမဲ့ လွတ်လပ်စွာ သုံးနိုင်ပါသည်။

freerdp icon freerdp

FreeRDP is a free remote desktop protocol library and clients

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.