awesome-wordpress-gatsby
github.com/henrikwirth/awesome-wordpress-gatsby ↗An awesome list of resources about WordPress as a headless CMS with Gatsby
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me video tutorials resources from awesome-wordpress-gatsby"
Installation instructions →What's inside
Free Tutorials / Courses
- 25+ Videos - Gatsby + WordPress (2019) Complete CourseVideo Tutorials
The series focuses on how we can use WordPress as a headless CMS with a GraphQL schema to interface with. After setting up our WordPress site and theme, we'll move onto Gatsby and how we can use our new schema to generate content for our Gatsby site, programmatically generating pages, converting Gutenberg blocks to React components and finishing off the chapter with a focus on SEO in Gatsby.
- Crash Course: Headless WordPress with WPGraphQL, ACF, and ReactVideo Tutorials
In this video, Alex Young (WPCasts) goes over how to get a simple headless WordPress setup with WPGraphQL and React.
- Gatsby with WPGraphQL, ACF and Gatbsy-ImageWritten Tutorials
A guide, that shows how to implement gatsby-image, so it can be used for WordPress media files.
- Gatsby + WordPress with WPGraphQL (with Jason Bahl) — Learn With JasonVideo Tutorials
In this stream, Jason Bahl teaches how to use WordPress with Advanced Custom Fields and WPGraphQL to create an powerful, flexible admin dashboard, then query and display that data in a Gatsby site.
- GraphQL with WordPress and Gutenberg - Jason Bahl - 2018 JavaScript for WordPress ConferenceVideo Tutorials
In this talk from the 2018 JavaScript for WordPress Conference, the Developer of the WP GraphQL Plugin, Jason Bahl, gives updated examples of how you can use GraphQL with WordPress and Gutenberg.
- Guide to Gatsby WordPress Starter Advanced with Previews, i18n and moreWritten Tutorials
A tutorial series starting with the basic setup of WordPress and Gatsby with WPGraphQL and then dives into more advanced subjects like deployments, previews, i18n and a page-builder like setup with ACF flexible cotent fields.
Plugins
- Advanced Custom FieldsWordPress
- gatsby-imageGatsby Plugins
- gatsby-source-filesystemGatsby Plugins
- gatsby-source-wordpressGatsby Plugins
- Headless ModeWordPress
Headless mode sets up a redirect for all users trying to access the site. The only requests that are granted admission are ones that are either trying to access the REST API, the WP GraphQL API, or any logged-in user looking to access the headless install to edit or create posts.
- PolylangWordPress
Articles and Talks
- Announcing Gatsby’s New WordPress Integration
- Announcing WPGraphQL v1.0
- Gatsby Launches New WordPress Integration, Expanding Support for Headless Architecture
- Jason Bahl of WPGraphQL's role in the operating system for the web
- Modern Web Development on the JAMstack
A report from Netlify about Modern Web Development on the JAMStack, published by O'REILLY.
- My Long Journey to a Decoupled WordPress Gatsby Site
Paid Tutorials / Courses
- Building a Headless WordPress Site with Gatsby
This course is a step-by-step walk through using gatsby-source-wordpress plugin to create a fully functional headless Gatsby WordPress site with posts, pages, categories, tags, post navigation and other features.
Starters
- Gatsby + Headless WordPress + Netlify Starter
A Gatsby + WordPress starter for continuous deployment to Netlify.
- Gatsby Starter Blog
Blog starter with enough features to be production ready out of the box.
- Gatsby Starter - WordPress Twenty Twenty
A port of the WordPress Twenty Twenty theme to Gatsby using the new gatsby-source-wordpress@v4.
- Gatsby WordPress Starter Advanced
An advanced Gatsby + WordPress starter, that is built along a tutorial series and works with ACF flexible content fields to create content blocks/layouts.
- Gatsby + WPGraphQL Blog Example
Demo showing how to use WPGraphQL as the source for Gatsby Sites.
Themes
- Gatsby WordPress Publisher Theme
The Gatsby Publisher Theme allows you to create a headless (or decoupled) WordPress site. This theme will display all of your pages and posts in a static front-end built on React and Gatsby.
- Twenty Nineteen Gatsby Theme
A port of the Twenty Nineteen WordPress Theme over to Gatsby.
Showing a sample of 73 resources. View the full list on GitHub →