YoVDO

Building a Headless WordPress Site with Gatsby

Offered By: LinkedIn Learning

Tags

WordPress Courses Web Development Courses Web Design Courses GraphQL Courses Gatsby Courses Taxonomy Courses Headless CMS Courses

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
1. Setting Up
  • Set up WordPress to work with Gatsby
  • Set up a Gatsby site using a starter
  • Use the exercise files on GitHub
2. WordPress as a Gatsby Data Resource
  • Explore the WordPress GraphQL tree
  • Use WordPress site data in Gatsby
3. Working with Pages
  • 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
4. Custom Menus
  • 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
5. Working with Posts
  • 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
6. Categories and Tags
  • Query categories and tags
  • Generate category indexes automatically
  • Create a category index template
  • Challenge: Create tag indexes
  • Solution: Create tag indexes
7. Custom Post Types and Taxonomies
  • Add custom post types and taxonomies
  • Query custom post types and taxonomies in GraphQL
8. Considerations When Using WordPress and Gatsby
  • What to do about Blocks (Gutenberg)
Conclusion
  • Next steps

Taught by

Morten Rand-Hendriksen

Related Courses

Chef - The Local Cookbook Development Badge
A Cloud Guru
Ansible Basics & Installing WordPress on LAMP with Playbooks
Coursera Project Network via Coursera
Build a Full Website using WordPress
Coursera Project Network via Coursera
WordPress Training Course: Learn How to Build a WordPress Site With Elementor
HubSpot via HubSpot Academy
Build a free website with WordPress
Coursera Project Network via Coursera