Skip to content

sanoobdesign008/gatsby-wpgraphql-blog-example

 
 

Repository files navigation

Gatsby Gatsby

Gatsby + WPGraphQL Blog Example

This is an example Gatsby site using WPGraphQL as the source.

WordCamp Talk

This repo was created specifically for showcasing the capabilities of WPGraphQL and how it can be used in many ways. One particular use is with GatsbyJS. The WordCamp talk this repo was created for can be seen here: https://wordpress.tv/2019/03/08/jason-bahl-building-static-sites-with-wordpress-gatsby-and-wpgraphql/

Setup

Quick video showing setup of the Gatsby site locally: https://www.youtube.com/watch?v=QkIuuZ5gZNk

WordPress Source

The WordPress where the content is managed lives here: https://demo.wpgraphql.com

Screenshot of the WordPress source site

Gatsby Site

The Live Gatsby site is at: https://gatsby-wpgraphql-blog-example.netlify.com/

Screenshot of the Gatsby site

Features

Below are features of the Gatsby site that are all sourced via WPGraphQL Queries, so the data is managed in WordPress, but is pulled into the Gatsby site and rendered there:

  • ✅ Menus
  • ✅ Pages
  • ✅ Paginated Blogroll/homepage
  • ✅ Single Posts
  • ✅ Authors
  • ✅ Categories
  • ✅ Tags

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.7%
  • CSS 0.3%