https://github.com/merodiro/datocms-gatsby-portfolio

https://github.com/merodiro/datocms-gatsby-portfolio

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/merodiro/datocms-gatsby-portfolio
• Owner: merodiro
• Created: 2018-07-23T09:09:02.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-25T11:45:23.000Z (almost 2 years ago)
• Last Synced: 2024-04-15T01:17:29.327Z (8 months ago)
• Language: CSS
• Size: 2.23 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gatsby Portfolio Website

This repo contains a working static website written with [Gatsby](https://www.gatsbyjs.org/), integrated with content coming from this [DatoCMS administrative area](https://dashboard.datocms.com/account/sites/template?name=Portfolio&siteId=604).

[See the demo](http://cranky-edison-12166d.netlify.com/)

## 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.

## 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](https://www.datocms.com). This project is configured to fetch data from a specific administrative area using [the API DatoCMS provides](https://docs.datocms.com/api/reference.html).

You can find further information about how to integrate DatoCMS with Gatsby in [our documentation](https://docs.datocms.com/gatsby/overview.html).

This websites uses:

* [Yarn](https://yarnpkg.com/) as package manager;

* [GatsbyJS](https://github.com/gatsbyjs/gatsby) as website generator;

* [gatsby-source-datocms](https://github.com/datocms/gatsby-source-datocms) to integrate the website with DatoCMS.