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

Gatsby Starter Wordpress Base

Author Avatar Theme by Cjkoepke
Updated: 19 Sep 2020
10 Stars

An opinionated boilerplate that uses WPGraphQL + Gatsby + Chakra UI for headless WordPress sites.

Github

Categories

Chakra ui

Overview

The Gatsby Starter WordPress Base (GSWB) is a project that aims to provide a boilerplate for building WordPress websites using GatsbyJS. It incorporates various features and methods to streamline the development process, including support for the Core Gutenberg library, theme shadowing for parent/child theme development, and integration with popular plugins like Yoast SEO and WPGraphQL. This project also utilizes Chakra UI for efficient component creation and offers support for TypeScript. Overall, GSWB offers a simplified and opinionated approach for developing WordPress websites with GatsbyJS.

Features

  • Core Gutenberg library support: GSWB provides full support for the Core Gutenberg library, allowing developers to leverage its features and functionalities in their WordPress websites built with GatsbyJS.
  • Theme Shadowing: With GSWB, developers can easily create parent/child theme structures and utilize theme shadowing to override or extend existing core Gutenberg library support.
  • Chakra UI for components: GSWB utilizes Chakra UI, a flexible and accessible component library, to enable efficient creation and customization of components in GatsbyJS websites.
  • Built on WPGraphQL and Gutenberg: GSWB integrates WPGraphQL and Gutenberg, two powerful WordPress frameworks, to enable seamless data retrieval and content management in GatsbyJS sites.
  • SEO handled by Yoast: GSWB offers support for Yoast SEO, an industry-leading SEO plugin for WordPress, to ensure optimal search engine visibility and ranking for GatsbyJS websites.
  • Support for TypeScript: Developers can leverage the benefits of TypeScript, a statically-typed superset of JavaScript, in their GatsbyJS projects built with GSWB.
  • Simple configuration: GSWB provides a straightforward configuration setup, allowing developers to easily customize and adapt the theme to their specific website requirements.

Installation

To use the Gatsby Starter WordPress Base theme, follow these steps:

  1. Clone the entire repository of the theme.
  2. Open the terminal and navigate to the directory where the theme was cloned.
  3. Run the command yarn install to install the necessary dependencies.
  4. Run the command yarn workspace example develop to start the development server.
  5. Begin editing the local package in the /gatsby-starter-wordpress-base directory.

Summary

The Gatsby Starter WordPress Base (GSWB) is a project that provides a boilerplate for building WordPress websites using GatsbyJS. With its support for the Core Gutenberg library, theme shadowing capabilities, Chakra UI integration, and reliance on WPGraphQL and Gutenberg frameworks, GSWB offers developers a streamlined and opinionated approach for developing WordPress websites with GatsbyJS. Additionally, GSWB simplifies the configuration process, offers support for TypeScript, and handles SEO optimization through Yoast integration. By following the installation guide, developers can quickly set up the GSWB theme and begin customizing it to suit their specific website requirements.