gatsby-starter-datocms v0.1.1
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
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
Start developing.
Navigate into your new siteβs directory and start it up.
cd my-project-name/ gatsby develop
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 editsrc/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
π£ What's next
Add your datoCMS API token in
.env.development
- β οΈ Edit
README.md
- Change name and description in
package.json
- Change title, description and siteUrl in
siteMetadata
and the name, description and short_name ingatsby-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):
This project follows the all-contributors specification. Contributions of any kind welcome!