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
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
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 94 / 100
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
Instructor Details
- 4.7 Rating
762 Reviews
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)
More courses by Tom Phillips
GitHub Copilot Beginner to Pro - AI for Coding & Development (2026)
4.5 (78,359 Reviews)
Provider: Udemy
Time: 7h
$59.99
Claude Code Beginner to Pro: Agentic Coding & Development (2026)
4.6 (2,700 Reviews)
Provider: Udemy
Time: 5.7h
$19.99
Redux Saga with React: Fast-track Redux Saga intro course (2026)
4.4 (1,662 Reviews)
Provider: Udemy
Time: 1.6h
$54.99
React styled components / styled-components [V5 EDITION] (2026)
4.5 (1,208 Reviews)
Provider: Udemy
Time: 2h
$64.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
Provider: Udemy
Time: 8.4h
$74.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
Nuxt.js Masterclass: Build Fast, SEO-Friendly Vue Apps (2026)
5.0 (38 Reviews)
Provider: Udemy
Time: 1.5h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Laravel 11 - Making a Complete Travel Agency Website (2026)
4.9 (92 Reviews)
Provider: Udemy
Time: 25.9h
$69.99
Reviews
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.



![React styled components / styled-components [V5 EDITION]](/programming/react-js/images/1797176_13dc_11.jpg?v=1789443907)








