Gatsby starter datoCMS

Bootstrap your JAMstack with datoCMS, Tymate devs’ favorite libraries, as well as a Netlify automation plugins.

🌱 Prerequisites

• node >= 10
• yarn

🚀 Quick start

1. Create a Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the hello-world starter.

   # create a new Gatsby site using the gatsby-starter-datocms
   gatsby new my-project-name https://github.com/tymate/gatsby-starter-datocms

2. Set up your environment. Navigate into your new site’s directory and add a envionment file.

   cd my-project-name/
   mkdir .env.development

   Add this template in your .env.development and complete it with you API keys.

   GATSBY_DATOCMS_API_TOKEN=
   GATSBY_GA=
   

3. Start developing.

   Now you can start it up.

   gatsby develop 

4. Open the source code and start editing!

   Your site is now running at http://localhost:8000!

   Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

   Open the my-project-name directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

📦 What's inside?

A quick look at the top-level files and directories you'll see in a Gatsby project, and list of included libraries.

Project architecture

.
├── node_modules
├── src
|   ├── components
|   |   ├── Seo
|   ├── images
|   ├── pages
|   ├── templates
|   ├── ui
|   ├── utils
├── static
|   ├── fonts
├── .env.development
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── netlify.toml
├── package.json
├── package-lock.json
└── README.md

Included libraries

• lodash
• date-fns
• react-modal
• react-use
• react-icons
• sanitize.css
• styled-components
• medium-zoom
• react-helmet

📣 What's next

• ⚠️ Edit README.md
• Change name and description in package.json
• Change title, description and siteUrl in siteMetadata and the name, description and short_name in gatsby-plugin-manifest options's in gatsby-config.js`
• Replace the favicon.png by your favicon

©️ License

Apache 2.0

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Cynthia Henaff 💻

This project follows the all-contributors specification. Contributions of any kind welcome!