Building a Headless WordPress Site with Gatsby
Focused View
Morten Rand-Hendriksen
2:25:05
0 View
001 WordPress and Gatsby working hand in hand.mp4
01:27
002 What will be covered in this course.mp4
01:33
003 Using exercise files on GitHub.mp4
01:16
001 Setting up WordPress to work with Gatsby.mp4
03:54
002 Setting up a Gatsby site using a starter.mp4
04:40
003 Linking WordPress and Gatsby together.mp4
06:07
001 Exploring the WordPress GraphQL tree.mp4
06:19
002 Using WordPress site data in Gatsby.mp4
04:18
001 Querying pages in GraphQL.mp4
04:52
002 Generate pages automatically.mp4
07:44
003 Creating a page template.mp4
04:26
004 Working with featured images.mp4
06:51
005 Challenge Add metadata to the page template.mp4
00:33
006 Solution Add metadata to the page template.mp4
03:42
001 Querying custom menus in GraphQL.mp4
04:20
002 Challenges with custom menus in WordPress.mp4
02:30
003 Create a flat menu in Gatsby.mp4
06:19
004 Create a nested menu in gatsby.mp4
06:39
005 Challenge Create a footer menu.mp4
00:42
006 Solution Create a footer menu.mp4
05:24
001 Querying posts in GraphQL.mp4
02:59
002 Generate posts automatically.mp4
05:25
003 Add category and tag info.mp4
05:42
004 Creating an index template.mp4
03:59
005 Generate index pages automatically.mp4
04:24
006 Challenge Create a post navigation component.mp4
01:07
007 Solution Create a post navigation component.mp4
06:03
001 Querying categories and tags.mp4
02:51
002 Generate category indexes automatically.mp4
04:55
003 Creating a category index template.mp4
05:03
004 Challenge Create tag indexes.mp4
00:49
005 Solution Create tag indexes.mp4
04:07
001 Adding custom post types and taxonomies.mp4
04:31
002 Querying custom post types and taxonomies in GraphQL.mp4
02:15
001 What to do about Blocks (Gutenberg).mp4
05:58
001 Next steps.mp4
01:21
Description
WordPress, the powerful publishing platform, powers much of the web. Gatsby allows developers to build performance-focused, modern websites and applications with React. In this course, discover how to combine this dynamic duo to get a web publishing powerhouse. Join instructor Morten Rand-Hendriksen as he explains how to use WordPress to populate a Gatsby site. He shows you the plugins you need to use WordPress data in a Gatsby site, then demonstrates how to connect WordPress and Gatsby. He covers how to create a variety of custom menus, including a nested menu and a footer menu. He demonstrates how Gatsby can be configured to generate new pages based on WordPress posts. Morten goes over how you can query categories and tags, as well as how to generate index pages for each category of the WordPress site. He walks you through how to access custom data through GraphQL and use it in your Gatsby site, then concludes by explaining how to deal with WordPress blocks when working in Gatsby.
More details
User Reviews
Rating
average 0
Focused display
Morten Rand-Hendriksen
Instructor's CoursesSince joining forces with lynda.com (now LinkedIn Learning) in 2010, I've 60+ published courses on WordPress, front end web design and development, and web standards, reaching hundreds of thousands of viewers from all over the world. I also contribute to the web community as a public speaker, author, educator, web developer, and design philosopher.
I help the web make sense by helping people understand and get the most out of the web, and contribute to the debates about ownership and democratization of information, design philosophy, and the open web.

Linkedin Learning
View courses Linkedin LearningLinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications.
It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.
- language english
- Training sessions 36
- duration 2:25:05
- Release Date 2024/09/19