All Projects → henrikwirth → Awesome Wordpress Gatsby

henrikwirth / Awesome Wordpress Gatsby

Licence: cc0-1.0
An awesome list of resources about WordPress as a headless CMS with Gatsby

Projects that are alternatives of or similar to Awesome Wordpress Gatsby

Gatsby Starter Wordpress
A GatsbyJS starter template that leverages the WordPress API, ACF and more
Stars: ✭ 387 (+93.5%)
Mutual labels:  wordpress, gatsbyjs
Phpflo
Flow-based programming for PHP
Stars: ✭ 199 (-0.5%)
Mutual labels:  graph
Data Structures
A collection of powerful data structures
Stars: ✭ 2,534 (+1167%)
Mutual labels:  graph
Quark
Quark is a data visualization framework.
Stars: ✭ 198 (-1%)
Mutual labels:  graph
Syntaxhighlighter
WordPress plugin that makes it easy to post syntax-highlighted code snippets.
Stars: ✭ 194 (-3%)
Mutual labels:  wordpress
Graph Notebook
Library extending Jupyter notebooks to integrate with Apache TinkerPop and RDF SPARQL.
Stars: ✭ 199 (-0.5%)
Mutual labels:  graph
React Portfolio Template
Modern React Portfolio Template (FREE)
Stars: ✭ 188 (-6%)
Mutual labels:  gatsbyjs
Here Covid 19 Tracker
Using HERE Technologies APIs, fork and build your own COVID-19 Tracker. For a live version, see the website.
Stars: ✭ 200 (+0%)
Mutual labels:  gatsbyjs
Star History
The missing star history graph of GitHub repos - https://star-history.com
Stars: ✭ 2,534 (+1167%)
Mutual labels:  graph
Wp Decoupled
Next.js app with WPGraphQL and WordPress at the backend.
Stars: ✭ 197 (-1.5%)
Mutual labels:  wordpress
Shortcodes Ultimate
A comprehensive collection of visual components for WordPress
Stars: ✭ 197 (-1.5%)
Mutual labels:  wordpress
Wp User Frontend
A WordPress plugin that brings many backend functionality to the site frontend
Stars: ✭ 195 (-2.5%)
Mutual labels:  wordpress
Acf Extended
ACF Extended Plugin
Stars: ✭ 199 (-0.5%)
Mutual labels:  wordpress
Jira Dependency Graph
Graph visualizer for JIRA tickets' dependencies
Stars: ✭ 194 (-3%)
Mutual labels:  graph
Co Cart
🛒 CoCart is a flexible, open-source solution to enabling the shopping cart via the REST API for WooCommerce.
Stars: ✭ 198 (-1%)
Mutual labels:  wordpress
Quiver
A reasonable library for modeling multi-graphs in Scala
Stars: ✭ 195 (-2.5%)
Mutual labels:  graph
Gradoop
Distributed Graph Analytics with Apache Flink
Stars: ✭ 197 (-1.5%)
Mutual labels:  graph
Wordpress Heroku
This project is a template for installing and running WordPress 5.x on Heroku.
Stars: ✭ 198 (-1%)
Mutual labels:  wordpress
Wp Tailwindcss Theme Boilerplate
A minimalist boilerplate for WordPress theme development using Tailwind CSS, SCSS, and Laravel Mix.
Stars: ✭ 199 (-0.5%)
Mutual labels:  wordpress
Cms
GleezCMS - A Light, Simple, Flexible Content Management System
Stars: ✭ 200 (+0%)
Mutual labels:  wordpress





WordPress Gatsby

A curated list of resources about WordPress as a headless CMS with Gatsby as a Static Site Generator (SSG).


A headless CMS is a back-end only content management system (CMS). Its purpose is to serve content and make it accessible via an API (e.g. REST or GraphQL).

A Static Site Generator (SSG) is a framework or setup, that helps you to generate static websites (HTML/CSS/JS). The source of your data can be anything from local files (e.g. text files or markdown) to APIs (e.g. REST, GraphQL).


Why Gatsby and WordPress?

WordPress is one of the most used CMS in the world and therefore many people already know how to work with it. The typical front-end approach with PHP-based templates is getting more and more problematic in an environment where performance is key. The approach to use WordPress as a headless CMS with normal API calls through JavaScript already exists, but also has the downside of having to make requests to the server and rendering depending on the response. This adds time to load. Gatsby instead, pre-renders the whole site at compile time and therefore the user gets a fully prepared static site on their first request, making it one of the best approaches for performance. Another huge benefit is security, as your WordPress instance can be anywhere, even locally and you don't need to expose any of it to the user. The static Gatsby site therefore, is not hackable. Find further arguments for pros and cons in the resources below.

Contents

Communities

If you need help with anything, there are some highly active communities.

WPGraphQL

Gatsby

Articles and Talks

List of articles and talks that elaborate on the technology stack in general.

Plugins

List of useful plugins to make WordPress and Gatsby work together. Ordered alphabetically.

WordPress

Essential Plugins

  • WPGraphQL - Documentation - WPGraphQL brings the power of GraphQL to your WordPress site.
  • WPGatsby - This plugin configures your WordPress site to be an optimized source for Gatsby.

WPGraphQL Extensions


Extensions for that use other plugins with WPGraphQL

Other helpful Plugins

  • Advanced Custom Fields - ACF PRO
  • Headless Mode - 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.
  • Polylang
  • WP JAMstack Deployments - WordPress plugin for JAMstack deployments on Netlify (and other platforms).

Gatsby Plugins

Free Tutorials / Courses

Note: Since the release of gatsby-source-wordpress V4, it is the preferred over gatsby-source-graphql and therefore I will only list tutorials related to that approach.

Written Tutorials

Video Tutorials

Paid Tutorials / Courses

List of paid courses.

  • Please contribute known resources that use the current stack with newest versions.

Starters

List of project starters, that you can clone and start building upon.

Themes

List of gatsby-themes that work with WordPress as a source, which you can use in your Gatsby setup.

  • Twenty Nineteen Gatsby Theme - A port of the Twenty Nineteen WordPress Theme over to Gatsby.
  • 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.

Contribute

Contributions welcome! Read the contribution guidelines first.

License

CC0

To the extent possible under law, Henrik Wirth has waived all copyright and related or neighboring rights to this work.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].