Gatsby Starters & Templates Logo Gatsby Starters & Templates
Wordpress Gatsby Starter screenshot

Wordpress Gatsby Starter

Author Avatar Theme by Klekanger
Updated: 13 Dec 2020
14 Stars

Simple starter for using Wordpress as a headless CMS with Gatsby as the front end.

Github

Categories

React

Overview

Using WordPress as a headless CMS paired with Gatsby is an innovative approach that allows developers to leverage the power of both technologies seamlessly. This starter project serves as a foundation for those looking to create a modern, fast, and SEO-friendly front end while managing content effortlessly through WordPress. By utilizing the latest tools provided by Gatsby, such as the experimental plugin gatsby-source-wordpress-experimental, this setup demonstrates how to connect the two platforms efficiently.

The integration relies on essential WordPress plugins like WPGraphQL and WPGatsby, which enable GraphQL data fetching capabilities. The project’s structure includes a dedicated folder for the Gatsby front end and another for the Docker setup of WordPress, making it simple for developers to get started without complications.

Features

  • Gatsby Plugin Integration: Utilizes gatsby-source-wordpress-experimental for a streamlined connection with WordPress, ensuring future-proof compatibility as updates are released.

  • GraphQL Support: Relies on WPGraphQL and WPGatsby plugins, allowing users to easily fetch and manage WordPress data via GraphQL queries.

  • Docker Setup: Included Docker configuration simplifies the setup of a WordPress instance with a MySQL database, making it easy to spin up a local development environment.

  • Easy Installation: Clear instructions for installing necessary dependencies and setting up both Gatsby and WordPress ensure a smooth development process.

  • Automatic Page Creation: Automatically generates pages for the latest WordPress posts and pages using Gatsby’s createPage functionality, minimizing manual tasks.

  • Customizable Navbar: The starter includes a basic navbar created from WordPress pages, which can be easily modified to fit the designer’s or developer’s requirements.

  • Development Friendly: Designed to be straightforward, the starter keeps complexity low, making it an excellent choice for beginners and seasoned developers alike.