npx mcpbar@latest install drxekus/gatsbyjs-test -c claude

npx mcpbar@latest edit -c claude

{
  "mcpServers": {
    "Gatsby DatoCMS Portfolio Demo": {
      "command": "npx",
      "args": [
        "-y",
        "gatsby-datocms-demo"
      ],
      "env": {
        "DATO_API_TOKEN": "${input:dato_api_token}"
      }
    }
  }
}

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:

Repo usage

First, install the dependencies of this project:

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

npm run develop

To build the final, production ready static website:

npm run build

The final result will be saved in the public directory.

About

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:

• GatsbyJS as website generator;
• gatsby-source-datocms to integrate the website with DatoCMS.