Building a Headless WordPress Site with Gatsby
Offered By: LinkedIn Learning
Course Description
Overview
Use Gatsby with WordPress to create a web publishing powerhouse. Learn how to use WordPress as a CMS data source to populate a Gatsby site.
Syllabus
Introduction
- WordPress and Gatsby working hand in hand
- What will be covered in this course
- Set up WordPress to work with Gatsby
- Set up a Gatsby site using a starter
- Use the exercise files on GitHub
- Explore the WordPress GraphQL tree
- Use WordPress site data in Gatsby
- Query pages in GraphQL
- Generate pages automatically
- Create a page template
- Work with featured images
- Challenge: Add metadata to the page template
- Solution: Add metadata to the page template
- Query custom menus in GraphQL
- How WordPress manages menu items
- Create a flat menu in Gatsby
- Create a nested menu in Gatsby
- Challenge: Create a footer menu
- Solution: Create a footer menu
- Query posts in GraphQL
- Generate posts automatically
- Add category and tag info
- Create an index template
- Generate index pages automatically
- Challenge: Create a post navigation component
- Solution: Create a post navigation component
- Query categories and tags
- Generate category indexes automatically
- Create a category index template
- Challenge: Create tag indexes
- Solution: Create tag indexes
- Add custom post types and taxonomies
- Query custom post types and taxonomies in GraphQL
- What to do about Blocks (Gutenberg)
- Next steps
Taught by
Morten Rand-Hendriksen
Related Courses
Creating a Personal Site with GatsbyCoursera Project Network via Coursera WordPress: Building Apps with Angular
LinkedIn Learning Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy From zero to a Gatsby developer
Udemy Gatsby Tutorial
Net Ninja via YouTube