awesome-wordpress-gatsby

WordPress site builder

A resource collection for building high-performance headless WordPress sites with Gatsby

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

GitHub

266 stars
14 watching
33 forks
last commit: over 5 years ago
Linked from 2 awesome lists

awesomeawesome-listgatsbyjsgraphwordpresswpgraphql

Communities

Slack Chat
Spectrum Chat
Twitter
Discord Chat
Reddit
Stack Overflow

Articles and Talks

Announcing Gatsby’s New WordPress Integration2021.02:
Jason Bahl of WPGraphQL's role in the operating system for the web2021.02:
Torque News Drop: Jason Bahl and WPGraphQL2021.02:
Gatsby Launches New WordPress Integration, Expanding Support for Headless Architecture2021.02:
Announcing WPGraphQL v1.02020.11:
My Long Journey to a Decoupled WordPress Gatsby Site2020.07:
Modern Web Development on the JAMstack2019.06: - A report from Netlify about Modern Web Development on the JAMStack, published by O'REILLY

Plugins / WordPress

WPGraphQL3,672almost 2 years ago- WPGraphQL brings the power of GraphQL to your WordPress site
WPGatsbyThis plugin configures your WordPress site to be an optimized source for Gatsby
WPGraphQL Cors114almost 3 years agoThis FREE plugin from @kidunot89 and @byfunkhaus claims to enable authentication with WPGraphQL to “just work” by allowing you to set CORS headers that GraphQL will accept, which means WordPress default auth cookies can be accepted
Total Counts for WPGraphQL19about 4 years agoThis FREE plugin from @builtbycactus exposes total counts to connections in the WPGraphQL Schema
WPGraphQL Gutenberg301about 2 years agoExposes Gutenberg blocks to the WPGraphQL API
WPGraphQL JWT Authentication342almost 2 years agoExtends the WPGraphQL plugin to provide authentication using JWT (JSON Web Tokens)
WPGraphQL Lock24over 5 years agoEnables query locking for WPGraphQL by implementing persisted GraphQL queries
WPGraphQL Meta19over 5 years agoThis FREE plugin from @robertorourke exposes meta registered via the WordPress register_meta API to WPGraphQL
WPGraphQL Meta Query53over 2 years agoAdds Meta_Query support to the WPGraphQL Plugin for postObject query args
WPGraphQL Persisted Queries17about 7 years agoThis FREE plugin from @qz adds the ability to use Persisted Queries with WPGraphQL
WPGraphQL Offset Pagination16over 6 years agoThis FREE plugin from @enshrined adds basic offset pagination as opposed to the standard Cursor based pagination that ships with WPGraphQL
WPGraphQL Send Email21over 3 years agoThis FREE plugin from @Ash_Hitchcock allows you to send emails via a simple mutation. Includes the abilitty to restrict sending to trusted origins
QL Search13almost 6 years agoAn extension that integrates SearchWP into WPGraphQL
WPGraphQL Content Blocks76almost 5 years agoThis FREE plugin from the folks at QZ.com exposes a way to query HTML content from WordPress Posts and Pages as “Blocks” (not related to Gutenberg) to bring more structure to your queried content
WPGraphQL Enable All Post Types (DalkMania)13over 3 years agoThis FREE plugin from @DalkMania automatically adds ALL registered post types to the WPGraphQL Schema
WPGraphQL Enable All Post Types (TylerBarnes)6about 6 years agoThis FREE plugin from @tylbar automatically adds ALL registered post types to the WPGraphQL Schema
WPGraphQL Google Schema5over 6 years agoThis FREE plugin from @izzygld261 adds Google Schema support to WPGraphQL
WPGraphQL Gutenberg ACF62over 3 years agoExposes ACF blocks through GraphQL
WPGraphQL MB (MetaBox)10over 4 years agoThis FREE plugin from @DalkMania adds all registered metaboxes using to the WPGraphQL Schema
WPGraphQL MetaBox Relationships9about 6 years agoThis FREE plugin from @hsimah adds support for the Relationships field to WPGraphQL (when also using his wp-graphql-metabox plugin)
WPGraphQL Polls3about 7 years agoThis FREE plugin from @andrenosouza allows you to interact with data from the WP-Polls plugin via GraphQL Queries and Mutations
WPGraphQL Polylang Extension129over 2 years agoExtends WPGraphQL schema with language data from the Polylang plugin
WPGraphQL Tax Query47almost 4 years agoAdds Tax_Query support to the WPGraphQL Plugin for postObject query args (WP_Query)
WPGraphQL WPML48over 3 years agoThis FREE plugin from @rburgst extends the WPGraphQL schema with language data from the WPML plugin. In addition it turns off WPML default filters in order to be able to iterate over all posts regardless of language
WPGraphQL for Advanced Custom Fields626about 2 years agoExposes Advanced Custom Fields to the WPGraphQL Schema
WPGraphQL for BuddyPress36over 2 years agoThis FREE plugin from @RenatoNascAlves exposes BuddyPress data to WPGraphQL
WPGraphQL for Carbon Fields23over 2 years agoThis FREE plugin from @matepaiva exposes fields registered using Carbon Fields to the WPGraphQL Schema
WPGraphQL for Custom Post Type UI82over 5 years agoThis FREE plugin adds settings to Custom Post Type UI allowing you to set which Post Types and Taxonomies registered by CPTUI should display in the WPGraphQL Schema
WPGraphQL for FacetWP34over 2 years agoThis FREE plugin from @hsimah exposes filters on WPGraphQL queries to allow for faceted search with FacetWP
WPGraphQL for Gravity Forms165about 2 years agoThis FREE plugin from @KellenMace of @harness_up exposes @gravityforms data to WPGraphQL, allowing you to query for forms, fields, entries, and more
WPGraphQL for Metabox24over 3 years agoThis FREE plugin from @hsimah exposes fields registered using the popular to the WPGraphQL Schema
WPGraphQL for Ninja Forms10about 5 years agoThis free plugin exposes forms created by the Ninja Forms plugin to the WPGraphQL Schema and allows for the forms to be submitted via GraphQL Mutations
WPGraphQL for Posts 2 Posts8over 3 years agoThis FREE plugin from @KellenMace of @harness_up automatically creates GraphQL connections for all of your Posts 2 Posts connections
WPGraphQL for SEOPress227over 2 years agoThis FREE plugin from @moon_meister exposes data managed by SEOPress to the WPGraphQL Schema, allowing for SEO data to be used in your headless applications
WPGraphQL for WooCommerce651almost 2 years agoThis FREE plugin exposes WooCommerce data to WPGraphQL allowing you to interact with your store’s data via GraphQL Queries and mutations
WPGraphQl Yoast SEO Plugin227over 2 years agoExposes Yoast SEO data to the WPGraphQL Plugin
Advanced Custom Fields-
Headless ModeHeadless 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
Polylang
WP JAMstack Deployments254almost 5 years agoWordPress plugin for JAMstack deployments on Netlify (and other platforms)

Plugins / Gatsby Plugins

gatsby-image
gatsby-source-filesystem
gatsby-source-wordpress

Free Tutorials / Courses / Written Tutorials

Guide to Gatsby WordPress Starter Advanced with Previews, i18n and more2019.11: - 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
Live Previews with WordPress and Gatsby2019.08: - Tutorial showing how to use the theme’s higher order component to facilitate previews for WordPress posts and custom post types
Gatsby with WPGraphQL, ACF and Gatbsy-Image2019.08: - A guide, that shows how to implement gatsby-image, so it can be used for WordPress media files
Headless WordPress + Gatsby + Netlify continuous deployment2018.08: - Guide showing how to create a WordPress + Gatsby + Netlify setup in a few simple steps

Free Tutorials / Courses / Video Tutorials

25+ Videos - Gatsby + WordPress (2019) Complete Course2019.11: - 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
Gatsby + WordPress with WPGraphQL (with Jason Bahl) — Learn With Jason2019.07: - 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
Crash Course: Headless WordPress with WPGraphQL, ACF, and React2019.07: - In this video, Alex Young (WPCasts) goes over how to get a simple headless WordPress setup with WPGraphQL and React
Using WordPress with WPGraphQL2019.06: - 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
WPGraphQL for ACF2019.04: - Jason Bahl shows how to use WPGraphQL for Advanced Custom Fields
GraphQL with WordPress and Gutenberg - Jason Bahl - 2018 JavaScript for WordPress Conference2018.07: - 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
Building a Headless WordPress Site with Gatsby2021.01: - 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 Starter - WordPress Twenty Twenty144almost 4 years agoA port of the WordPress Twenty Twenty theme to Gatsby using the new gatsby-source-wordpress@v4
Gatsby + WPGraphQL Blog Example147almost 4 years agoDemo showing how to use WPGraphQL as the source for Gatsby Sites
Gatsby + Headless WordPress + Netlify Starter215over 3 years agoA Gatsby + WordPress starter for continuous deployment to Netlify
Gatsby WordPress Starter Advanced62over 5 years agoAn advanced Gatsby + WordPress starter, that is built along a tutorial series and works with ACF flexible content fields to create content blocks/layouts
Gatsby Starter Blog7over 3 years agoBlog starter with enough features to be production ready out of the box

Themes

Twenty Nineteen Gatsby Theme71over 3 years agoA port of the Twenty Nineteen WordPress Theme over to Gatsby
Gatsby WordPress Publisher Theme32over 3 years agoThe 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

Backlinks from these awesome lists:

More related projects: