Giter VIP home page Giter VIP 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:

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

liqin's Projects

access_points icon access_points

Scan your WiFi and get access point information and signal quality

adminlte icon adminlte

AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x

adminlte-roles-and-memberships-example icon adminlte-roles-and-memberships-example

ASP.NET Core 2.2 Roles And Memberships Customization Implemented Using Beautiful AdminLTE Template. C# as programming language and EF (Entity Framework) as ORM.

adminmongo icon adminmongo

adminMongo is a Web based user interface (GUI) to handle all your MongoDB connections/databases needs.

alarm-dog icon alarm-dog

哮天犬是一个通用的统一告警平台,提供配置化、流程化、标准化的能力,支持多种告警通知渠道,支持告警收敛、过滤、升级、工作流、自动恢复等功能,实现统一输入、不同输出。可以对接Grafana、阿里云Arms、实时计算等监控能力,各业务也可以直接在代码中埋点上报告警,也可以定制化开发,实现监控告警全场景覆盖。https://tal-tech.github.io/alarm-dog-docs

alert_manager icon alert_manager

Splunk Alert Manager with advanced reporting on alerts, workflows (modify assignee, status, severity) and auto-resolve features

angular icon angular

所有angular学习过程中的代码

aniketpaul1592.github.io icon aniketpaul1592.github.io

Stocks App : This App would read data from socket channel and Update a Stocks Value Table. The table shows the relation between the Companies and their stock prices.

ansible-elk icon ansible-elk

:bar_chart: Ansible playbook for setting up an ELK/EFK stack and clients.

ansible-examples icon ansible-examples

A few starter examples of ansible playbooks, to show features and how they work together. See http://galaxy.ansible.com for example roles from the Ansible community for deploying many popular applications.

ansible-prometheus icon ansible-prometheus

Ansible playbook for installing Prometheus monitoring system, exporters such as: node, snmp, blackbox, thus alert manager and push gateway

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.