Gatsby

Build a site with GatsbyJS and DatoCMS

Getting started

Next steps

Example projects

twitter:title

Discover DatoCMS, our headless CMS for websites of any size. 

description

twitter:description

https://www.datocms-assets.com/205/1585004724-schermata-2020-03-24-alle-00-05-19.png?fit=max&fm=jpg&w=1000

twitter:image

twitter:card

twitter:site

<p>We have prepared two examples to get you started with Gatsby and DatoCMS, have a look at them!</p>

<h3>Portfolio</h3>

<p>Have a look at our basic portfolio example, built with Gastby!</p>


<p>Check the <a href="https://github.com/datocms/gatsby-portfolio">code on Github</a> and then you can set up the demo by clicking on the following button:</p>

<p><a class= "DocPage__img-link" href="https://dashboard.datocms.com/projects/new-from-template/static-website/gatsby-portfolio">
  <img src="https://dashboard.datocms.com/deploy/button.svg" title="Deploy with DatoCMS" />
</a></p>

<h3>Socks shop!</h3>

<p>Integrating Gatsby, Snipcart and DatoCMS we&#39;ve built a brutalist online shop for socks!</p>


<p>Check the <a href="https://github.com/datocms/snipcart-gatsby-demo">code on Github</a> and then you can set up the demo by clicking on the following button:</p>

<p><a class= "DocPage__img-link" href="https://dashboard.datocms.com/deploy?repo=datocms/snipcart-gatsby-demo">
  <img src="https://dashboard.datocms.com/deploy/button.svg" title="Deploy with DatoCMS" />
</a></p>
