User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome WordPress-Gatsby

An awesome list of resources about WordPress as a headless CMS with Gatsby

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Dec. 4, 2020, 3:10 a.m.

Thank you henrikwirth & contributors
View Topic on GitHub:
henrikwirth/awesome-wordpress-gatsby

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Communities

WordPress

GraphQL API for WordPress

2.66K
313
9d
GPL-3.0

WPGraphQL for Advanced Custom Fields

301
58
11d
n/a

WPGraphQL Polylang Extension for WordPress

59
4
63d
GPL-2.0

Query gutenberg blocks with wp-graphql

128
19
8d
GPL-3.0

Expose acf blocks through graphql

37
13
100d
MIT

WPGraphQL Extension: Adds "meta_query" support to postObject connection queries using WP_Query

24
9
1y 13d
GPL-3.0

Adds tax_query support to postObject connection queries using WP_Query

18
8
11m
n/a

Authentication for WPGraphQL using JWT (JSON Web Tokens)

148
30
99d
GPL-3.0

Enable query locking for WPGraphQL by implementing persisted GraphQL queries.

15
3
5m
GPL-2.0

An WPGraphQL extension that adds SearchWP's query functionality to the GraphQL server

9
1
11d
GPL-3.0

This is an extension to the WPGraphQL plugin for Yoast SEO

104
25
9d
GPL-3.0

GraphiQL IDE, fine tuned for use with WPGraphQL

276
36
39d
GPL-3.0

A WordPress plugin for JAMstack deployments

205
26
4d
LGPL-3.0

Extends the WordPress JSON REST API with new routes for WordPress registered menus.

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.

ACF PRO](https://www.advancedcustomfields.com/pro/)

Gatsby

Written Tutorials

Guide showing how to create a WordPress + Gatsby + Netlify setup in a few simple steps.

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.

Tutorial showing how to use the themeโ€™s higher order component to facilitate previews for WordPress posts and custom post types.

A guide, that shows how to implement gatsby-image, so it can be used for WordPress media files.

This guide will walk you through the process of using Gatsby with WordPress Rest Api.

This guide explains how to get the WordPress menu into your Gatsby build.

Tutorial (3 Parts) teaching you how to build a blog with WordPress and Gatsby.

Tutorial teaching how to create a blog in 10 steps using Gatsby and WordPress as data source.

Video 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.

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.

In this video, Alex Young (WPCasts) goes over how to get a simple headless WordPress setup with WPGraphQL and React.

In this video you will learn how to use GraphQL with WordPress using an awesome plugin named WPGraphQL and some extra cool stuff like GraphQL + Advanced Custom Fields.

Jason Bahl shows how to use WPGraphQL for Advanced Custom Fields.

In this mini-series the developer tries to create a website using Gatsby.js and WordPress.

Starters

Demo showing how to use WPGraphQL as the source for Gatsby Sites

145
34
4m
MIT

A Gatsby + WordPress starter for continuous deployment to Netlify

199
165
1y 85d
MIT

Gatsby WordPress Starter Advanced - Tutorial

47
19
7m
MIT

Themes

A port of the Twenty Nineteen WordPress Theme over to Gatsby

72
23
1y 43d
n/a