Using Gatsby and Netlify CMS

Build Blazing Fast JAMstack Apps Using Gatsby and Netlify CMS

by Joe Attardi

Leverage the powerful combination of Gatsby and Netlify CMS, a free open source content management solution, to build blazing fast apps.

Chapter 1
Introduction to Netlify CMS

Introduces the core concepts of how Netlify CMS works.
Chapter 2
Gatsby Crash Course

A quick introduction to building sites with the Gatsby framework.
Chapter 3
Setting Up the Example Project

Getting the starter code up and running.
Chapter 4
Setting Up Netlify CMS

Initial setup and integration of Netlify CMS with the example project.
Chapter 5
The Netlify CMS Application

An overview of the editing and management UI provided by Netlify CMS.
Chapter 6
Sourcing Blog Data

Adapting the Gatsby site to load blog data from the Markdown files produced by Netlify CMS.
Chapter 7
Dynamic Page Creation

Dynamically registering routes for the blog content.
Chapter 8
Blog Pagination

Splitting up the blog entries into multiple pages with navigation controls.
Chapter 9
Adding More Content

Working with dynamic text and image content.
Chapter 10
Creating the Coffee Menu

Using structured data with Netlify CMS to generate a menu for the coffee shop example application.
Chapter 11
Working with Images

Using the image processing capabilities provided by Gatsby.
Chapter 12
Customizing the CMS

Developing a custom menu preview for the example application.
Chapter 13
The Editorial Workflow

An overview of Netlify CMS's GitHub pull request based workflow for publishing content.
Chapter 14
Wrap Up

A review of the concepts and the example application.