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
