https://github.com/mmintel/datocms-gatsby-portfolio
https://github.com/mmintel/datocms-gatsby-portfolio
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/mmintel/datocms-gatsby-portfolio
- Owner: mmintel
- Created: 2018-06-15T13:45:21.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2020-01-18T11:02:37.000Z (over 6 years ago)
- Last Synced: 2025-04-09T19:56:06.922Z (over 1 year ago)
- Language: CSS
- Size: 289 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
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.