Skip to content
Sample DatoCMS website built with GatsbyJS
CSS JavaScript
Branch: master
Clone or download
Latest commit b455898 Jan 22, 2020
Type Name Latest commit message Commit time
Failed to load latest commit information.
src fix: mobile menu toggle Dec 24, 2019
.gitignore First commit Mar 21, 2018
.nvmrc Bumping gatsby dependencies Dec 9, 2019
LICENSE Create LICENSE Oct 22, 2019 Update Jan 21, 2020
gatsby-config.js First commit Mar 21, 2018
gatsby-node.js Improvements Apr 29, 2019
package.json Bumping gatsby dependencies Dec 9, 2019
preview.png Improvements Apr 29, 2019
yarn.lock Bumping gatsby dependencies Dec 9, 2019

Gatsby Portfolio Website

This repo contains a static website written with GatsbyJS, integrated with content coming from DatoCMS.


See the live demo

If you want to use try this out yourself, you first need to set up a project on DatoCMS which will host your data.

You can sign up for a free account and then you can simply click this button:

Deploy with DatoCMS

Repo usage

First, install the dependencies of this project:

yarn install

Add an .env file containing the read-only API token of your DatoCMS site:

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.


The goal of this project is to show how easily you can create static sites using the content (text, images, links, etc.) stored on DatoCMS. This project is configured to fetch data from a specific administrative area using the API DatoCMS provides.

You can find further information about how to integrate DatoCMS with Gatsby in our documentation.

This websites uses:

You can’t perform that action at this time.