Gatsby WordPress Starter Part 2: Working with Layout and Header Components

Note: This post is part of Learning Decoupling Gatsby WordPress series. This learning post is still in active development and updated regularly.

In the previous Part 1 of Learning Decoupling Gatsby WordPress series, installation of WordPress and Gatsby Source WordPress starter sites, required dependent plugins WPGraphQL, WP Gatsby installation and exposing WordPress data endpoint to Gatsby site by updating gatsby-config.js were discussed.

The objective of this part 2 of the three-parts series is to expand the Gatsby site by update its global components, namely Layout, refactoring Header and adding Footer components. We will also install and configure Gatsby plugin Sass and add basic global layout with CSS Module.

How to Create a Headless Gatsby WordPress Site Using a Starter

Note: This post is part of Learning Decoupling Gatsby WordPress series. This learning post is still in active development and updated regularly. Most WordPress users, like myself, have come across the terms like headless, decoupled or static WordPress sites. We have read blog posts that many developers have migrated from the WordPress to the static […]