Skip to content
UdemyWeb DevelopmentPaid courseAll LevelsCertificate

Gatsby JS v5 & Headless WordPress (Gatsby & WordPress 2023) (Udemy.com)

Gatsby.js & WordPress: Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend inc. Gutenberg

Created by: Tom Phillips

Last updated July 2026

icon
What you will learn

  • Increase your value and improve your knowledge as a front-end / React JS developer
  • Learn Gatsby
  • Create a static, server-compiled, content-driven website using Gatsby JS (with React JS & GraphQL)
  • Learn how to use GraphQL and GraphiQL to query data stored in Wordpress
  • Set up Wordpress as a backend to build content, then render the content as pages with React JS & GraphQL
  • Deploy your Gatsby JS static website and rebuild whenever content changes using Gatsby Cloud
  • Use Tailwind CSS to style our custom WordPress blocks

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

JAN 2023 UPDATE - This course has been completely updated to use Gatsby v5 & Headless WordPress with Gutenberg blocks / WordPress block editor.

Do you want to improve your React JS skills and increase your value as a front-end developer?

- "Gatsby lets you build blazing fast sites with your data, whatever the source. Liberate your sites from legacy CMSs and fly into the future."

Level-up your React skillset by learning Gatsby.js with a WordPress backend! Gatsby JS uses React JS and GraphQL to generate and build static pages from a given dataset. This course will look at setting up WordPress as a headless CMS while using GatsbyJS to generate a blazing-fast server-rendered React website from WordPress data using the NEW WordPress block editor (otherwise known as the Gutenberg block editor). We'll building out custom posts, pages, menus, media, advanced custom fields, (and more!) using GraphQL to query that data.

That's right, we can actually query Wordpress data using GraphQL!

This course will cover Gatsby v5 with WordPress (using the NEW Gutenberg block editor). We'll create "The Gatsby Garage" in this course; a fictional classic car garage that buys and sells classic cars. While building this site we'll be covering so many different features of both Gatsby and WordPress.

  • We'll style our site using Tailwind CSS.

  • We'll dive into WordPress development by creating our own custom Gutenberg blocks using ACF Pro.

  • We'll implement forms where we'll store form submissions directly in WordPress using Contact Form 7 and Flamingo.

  • We'll implement dynamic searching of cars.

  • We'll deploy a live, production version of our site.

  • Plus so much more!

This is the ONLY resource available online that covers using Gatsby & WordPress in this way.

It's recommended you have rudimentary knowledge of React. We'll be covering everything else from Gatsby.js, Wordpress, GraphQL, and Tailwind CSS!

What other students are saying about this Gatsby & WordPress course:

5/5 stars - "Tom is a really nice guy with a good voice. His course is to the point and his response to the Q&A is awesome. I really like the fact that this course is not that long and shows you the endless possibilities that you can do with both Gatsby and the Wordpress API. For me this is a really good starting point in transforming a couple of websites without a CMS into a website with CMS" - Edwin Boon


5/5 stars - "Tom's course is concise, clear, and gives you a good example of how to leverage your knowledge of React into fluency working with Gatsby." - Rob Thorne


5/5 stars - "Straight to the point, no pep talkings, Tom delivers the course as a sharing-experience between two colleagues. From his experience, without pretensions of teaching but showing what he finds to be helpful, he drives the lectures smoothly intertwining react, graphQL and wordpress with gatsby in a minimalistic way that can be approachable by anybody. Don't expect complicated ract patterns as that's not the point; I really appreciate that from Tom, keeping the focus on the whole architecture, not react/wordpress/graphQL specific. Just be aware we are not talking about the old web patterns, so make sure you have a sound understanding of react, wordpress and REST APIs; and by his exposition, gatsby explanations will naturally fall in place almost unnoticeable; you will be using it already." - Tony Guerrero


5/5 stars - "I had no idea this was possible! I usually use React but have never used WordPress before, but I found this was really well articulated. Brilliant course - thank you!" - Carol Emma


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Tom Phillips

Tom has been a web developer for over a decade. He created WebDevEducation to provide courses that provide you with the skills you need to increase your value and thrive as a web developer. Tom's courses are fast-paced, information-dense, project-based courses that waste no time with useless fluff. Why waste 30+ hours on a course that you probably won't finish, when you can learn exactly the same thing in a quarter of the time, have a fully functioning HOSTED project at the end of it AND with the github code to prove you're capable in that technology? Learn popular web development libraries and frameworks with Tom to get ahead of the competition!

(TOMPHILL LTD - 09531652)

icon
More courses by Tom Phillips

$59.99

$19.99

$54.99

$64.99

$69.99

$74.99

icon
More Web Development courses

$19.99

$19.99

$19.99

$89.99

$79.99

$69.99

icon
Reviews

4.7

762 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Anonymized User on 5/30/2023

The information is okay, but it comes at you so fast. I'm constantly pausing, rewinding, pausing, rewinding, etc. Not much is actually explained; you just do it. I want to learn more about what we are doing and why. I don't really understand what we are importing from the @webdeveducation module. I wish some time would have been spent on it. I feel like I learned some, but it definitely wasn't the in-depth learning I had hoped for.

By Joel Register on 2/24/2023

This course is even better than the earlier Headless WordPress with NextJs course, which was very good. Tons of useful applications to real life scenarios. The effort to come up with re-usable, abstract solutions that aren't tightly bound to a specific WordPress design or use case is particularly noteworthy. Highly recommended!

By Hapee de Groot on 12/6/2020

Great course, exactly what I needed, I want to use the power of WordPress but not online, just as a a backend. I know WordPress quite well, so all the Gatsby and React is new and not always well explained I still wonder sometimes about the why question and than Tom is already building the styles so that part might be covered in another coarse.

By Aaron Kessler on 10/15/2020

Tom is a decent speaker. He teached me most of the things to get started with a Gatsby powered headless Wordpress. He even developed Plugins for the Wordpress logo an favicon. Overall i liked this course, but there is room for improvements: I realy missed a section on how to optimize and lazyload images from Wordpress in Gatsby. Also Tom was not repling in the QA section, for topics i started or replied to, but i solved most of them myself after some try an error and research.

By Conrad Casper on 6/28/2020

I really loved this course. It helped me build my portfolio page. And I learned so many new things a long the way. I'm not going to lie, I started getting frustrated at the end during the deployment phase of the course. But that was only because I didn't go to the frequently asked questions section of the course and look for an answer to my question. Even then, though, Tom was extremely helpful with finding a solution to my problem. Just remember, at the end, when you're deploying to netlify after all is said and done, and it still fails because of a 404 when trying to fetch /wp-json--CHECK THE FAQ!!!

By Beth Wickerson on 9/24/2019

This course was exactly what I needed. I was able to get a Gatsby Wordpress site up with very little React experience. I had a question about an error I was getting and Tom replied and even looked at my code to figure out how to resolve it. Thank you for that, and bravo on making a great course!

By Steve Brand on 9/11/2019

Excellent intro to Gatsby and WordPress. This course is extremely informative and moves along at a good pace. Tom responds to questions very quickly, which is an added bonus. If you are interested in building headless WordPress sites, I highly recommend this course. Well worth the time spent.

By Timothy Myers on 9/10/2019

"Superb" -- Me "One of the Knockout Hits of the Summer" -- Me Again "You Won't Want to Miss This One" -- Also Me This course is the perfect blend of pace, thoroughness, and information. There is no endless chatter about this method or that method. Tom doesn't talk about his dog, or his kids, or his car. It is paced perfectly for just about anyone but if certain parts are moving too fast you can stop and jump back. Tom is one of the most active and involved instructors on Udemy. He is always lurking around waiting to answer questions. He's got a great course already but he is constantly updating it to make it even better. I will buy any future courses from Tom, no questions asked.

By Joey Morello on 8/1/2019

I highly recommend this course to anyone interested in learning GatsbyJS with WordPress. The course material is well put together. The videos are clear, easy to follow along, and enjoyable to watch. The instructor is highly active outside of udemy, plus you get access to a great Facebook community to help with questions. The instructor is also great at keeping the course up to date. 10/10 recommend

By Tony Guerrero on 2/18/2019

Straight to the point, no pep talkings, Tom delivers the course as a sharing-experience between two colleagues. From his experience, without pretensions of teaching but showing what he finds to be helpful, he drives the lectures smoothly intertwining react, graphQL and wordpress with gatsby in a minimalistic way that can be approachable by anybody. Don't expect complicated ract patterns as that's not the point; I really appreciate that from Tom, keeping the focus on the whole architecture, not react/wordpress/graphQL specific. Just be aware we are not talking about the old web patterns, so make sure you have a sound understanding of react, wordpress and REST APIs; and by his exposition, gatsby explanations will naturally fall in place almost unnoticeable; you will be using it already.

Showing all 10 reviews on CourseDuck

Read all 762 reviews on Udemy