Using Gatsby and Netlify CMS: Build Blazing Fast JAMstack Apps Using Gatsby and Netlify CMS

Table of Contents
About the Author
About the Technical Reviewer
Acknowledgments
Introduction
Chapter 1: Introduction to Netlify CMS
	The JAMstack
	About Netlify
	What is a CMS?
	Traditional CMS
	Headless CMS
	Netlify CMS
		Backends
		How it works
		Local development
		Widgets
		Previews
	Summary
Chapter 2: Gatsby Crash Course
	What is Gatsby?
	Creating pages
	GraphQL and Gatsby
		The GraphiQL tool
	Query types
		Page queries
		Static queries
			The StaticQuery component
			The useStaticQuery hook
	Plugins
		Source plugins
		Transformer plugins
		Other plugins
	Dynamic page creation
	Markdown primer
		Basic formatting
		Front matter
	Gatsby starters
	The build process
		Data model and GraphQL schema creation
		Page creation
		Query extraction
		Query execution
		Static HTML generation
	Summary
Chapter 3: Setting Up the Example Project
	Prerequisites
		Install Git
		Install Node.js
		Install the Gatsby command line interface
		Sign up for GitHub
	Create a new repository with the starter code
	Clone the repository
	Install dependencies and test it out
	Deploy on Netlify
		Sign up
		Create a new site
	A tour of the example project
		Directory structure
		The Layout component
		CSS modules
		Special Gatsby files
	Summary
Chapter 4: Setting Up Netlify CMS
	Install dependencies
	Configuration
		YAML primer
		Creating the initial configuration
	Collections
		Folder collections
		Filtered folder collections
		File collections
	Configuring the blog collection
		More about fields
	Add the Gatsby plugin
	Commit and deploy
	Configure Netlify Identity and Git Gateway
		More about Netlify Identity
			Invite-only registration
	Summary
Chapter 5: The Netlify CMS Application
	Registering and logging in
	Creating a new blog post
		Publishing the post
	How publishing works
	Adding media
		Alternative media storage options
	Adding media to a blog post
		Inserting the image
		Publishing the updated blog post
	Summary
Chapter 6: Sourcing Blog Data
	Gatsby plugin configuration
	Making Gatsby aware of the Markdown files
	Parsing the Markdown data
	Querying and displaying the data
		Creating a blog post component
		Creating a blog list component and querying for data
		Using the BlogList component
	Adding a second blog post
	Fixing the sort order
	Summary
Chapter 7: Dynamic Page Creation
	Gatsby Node APIs
		onCreateNode
		createPages
	Adding the slug to the blog post data
	Dynamically creating the blog post pages
		Creating the blog post template
		Creating the pages
	Linking to the dynamically generated pages
		The Gatsby Link component
	One last tweak
	Summary
Chapter 8: Blog Pagination
	How pagination works
	Creating some new blog entries
	Dynamically creating the blog list pages
	Creating the blog list template page
	Adding a link to the new blog list page
	Updating the index page
	Summary
Chapter 9: Adding More Content
	The contentKey field
	Creating a pages collection
	Adding the index page data
	Adding another filesystem source
	Using the CMS content in the index page
	Summary
Chapter 10: Creating the Coffee Menu
	Nested lists
	Defining the menu page
	Adding menu items
	Building the menu page
	Ease of maintenance
	Summary
Chapter 11: Working with Images
	Plugins
		Adding the plugins to the Gatsby configuration
	How gatsby-transformer-sharp works
		GraphQL fragments
	Using the BackgroundImage component
	Disabling the “blur-up” effect
	Fixing the header background
		Moving the image
		Modifying the Layout component to use a static query
	The gatsby-image package
	Summary
Chapter 12: Customizing the CMS
	Customizing Netlify CMS
		Updating the plugin configuration
	Adding a custom menu preview
		Refactoring the menu page
		Creating the preview component
		Opening the local CMS instance
		Refactoring the menu page again
		Updating the preview component
		Previewing the menu data
	Summary
Chapter 13: The Editorial Workflow
	Enabling the editorial workflow
	Adding some new content
	Viewing the pull request
	Viewing the preview
	Updating the status
	Finishing up
	Summary
Chapter 14: Wrap Up
	Further learning
		Integration with other frameworks
		Netlify Identity OAuth
		Beta features
			Open authoring
			Local Git repository support
	Netlify CMS resources
Index