Gatsby Dato Portfolio

by DatoCMS

Clean and simple portoflio template built compatible with Gatsby and Dato CMS.

Gatsby Dato Portfolio

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:

MIT License

Deploy theme in one click

Deploy to netlify

Gatsby template

  • Compatible with Gatsby v2
  • It is a Gatsby starter

Compatible with DatoCMS

  • This template pulls content from DatoCMS