Updating your Gatsby site when WordPress posts are published

During the last few weeks, I’ve covered most steps I took when moving from WordPress to a headless WordPress setup with Gatsby. One of the questions I often see is, “how do I update my Gatsby site when a post is published or updated?”. In this tutorial, I’ll cover what you need to know.

Continue reading “Updating your Gatsby site when WordPress posts are published”

Adding syntax highlighting with WordPress and Gatsby

If you’re looking for syntax highlighting with Gatsby, chances are you’ve encountered an example using Prism.js. Sadly, the plugins that are available to do syntax highlighting, only work for Markdown, and not for WordPress.

In this tutorial I’ll explore the options we have to get syntax highlighting to work with WordPress.

Continue reading “Adding syntax highlighting with WordPress and Gatsby”

Optimize loading images with WordPress and Gatsby

In my previous tutorials, we’ve explored how to use WordPress with Gatsby. One issue we haven’t covered yet is to lazy-load embedded images within our WordPress posts. This isn’t easily done with gatsby-source-wordpress or other plugins.

In this tutorial, I’ll hack my way around it to show lazy images with Gatsby.

Continue reading “Optimize loading images with WordPress and Gatsby”

Working with Gatsby and pagination

A while back, I decided to use Gatsby for my WordPress blog, and continue with WordPress as a headless CMS. So far, I’ve also written two tutorials about setting up Gatsby with WordPress, and how to create detail pages for your content. In this tutorial, we’ll explore how we can use pagination with Gatsby.

Continue reading “Working with Gatsby and pagination”