Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gragland/gatsby-cloud-test
Sample DatoCMS website built with GatsbyJS
https://github.com/gragland/gatsby-cloud-test
Last synced: about 4 hours ago
JSON representation
Sample DatoCMS website built with GatsbyJS
- Host: GitHub
- URL: https://github.com/gragland/gatsby-cloud-test
- Owner: gragland
- License: mit
- Created: 2020-03-01T22:44:45.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-11T20:57:36.000Z (almost 2 years ago)
- Last Synced: 2024-05-01T15:49:42.687Z (7 months ago)
- Language: CSS
- Size: 872 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Gatsby Portfolio Website
This repo contains a static website written with [GatsbyJS](https://www.gatsbyjs.org/), integrated with content coming from [DatoCMS](https://www.datocms.com).
[See the live demo](https://demo-datocms-gatsby.netlify.com/)
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](https://dashboard.datocms.com/signup) and then you can simply click this button:
[](https://dashboard.datocms.com/projects/new-from-template/static-website/gatsby-portfolio)
## 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.
## 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://www.datocms.com/docs/content-management-api).
You can find further information about how to integrate DatoCMS with Gatsby in [our documentation](https://www.datocms.com/docs/static-generators/gatsbyjs).
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.