Building a Headless WordPress Site with Gatsby
Focused View
Morten Rand-Hendriksen
2:31:52
296 View
01 - WordPress and Gatsby working hand in hand.mp4
00:45
02 - What will be covered in this course.mp4
01:22
01 - Set up WordPress to work with Gatsby.mp4
04:36
02 - Set up a Gatsby site using a starter.mp4
05:47
03 - Use the exercise files on GitHub.mp4
04:00
01 - Explore the WordPress GraphQL tree.mp4
07:59
02 - Use WordPress site data in Gatsby.mp4
04:32
01 - Query pages in GraphQL.mp4
04:49
02 - Generate pages automatically.mp4
06:52
03 - Create a page template.mp4
05:46
04 - Work with featured images.mp4
07:32
05 - Challenge Add metadata to the page template.mp4
00:34
06 - Solution Add metadata to the page template.mp4
03:56
01 - Query custom menus in GraphQL.mp4
06:15
02 - How WordPress manages menu items.mp4
02:29
03 - Create a flat menu in Gatsby.mp4
05:58
04 - Create a nested menu in Gatsby.mp4
07:03
05 - Challenge Create a footer menu.mp4
00:42
06 - Solution Create a footer menu.mp4
05:05
01 - Query posts in GraphQL.mp4
04:35
02 - Generate posts automatically.mp4
05:22
03 - Add category and tag info.mp4
06:36
04 - Create an index template.mp4
04:36
05 - Generate index pages automatically.mp4
04:53
06 - Challenge Create a post navigation component.mp4
01:07
07 - Solution Create a post navigation component.mp4
05:16
01 - Query categories and tags.mp4
03:19
02 - Generate category indexes automatically.mp4
05:15
03 - Create a category index template.mp4
06:05
04 - Challenge Create tag indexes.mp4
00:54
05 - Solution Create tag indexes.mp4
04:04
01 - Add custom post types and taxonomies.mp4
04:14
02 - Query custom post types and taxonomies in GraphQL.mp4
02:34
01 - What to do about Blocks (Gutenberg).mp4
05:47
01 - Next steps.mp4
01:13
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
Category
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 35
- duration 2:31:52
- Release Date 2023/01/03
