✨ From vibe coding to vibe deployment. UBOS MCP turns ideas into infra with one message.

Learn more

Gatsby Portfolio Website

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

Preview

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:

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.

Featured Templates

View More
AI Assistants
Talk with Claude 3
159 1523
AI Agents
AI Video Generator
252 2007 5.0
Customer service
Multi-language AI Translator
136 921
AI Characters
Your Speaking Avatar
169 928

Start your free trial

Build your solution today. No credit card required.

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.