Posts tagged with Gatsby

JavaScript

Creating your own nodes with Gatsby

So far, we’ve seen how to use WordPress, Craft CMS and JSON data with Gatsby, but what if you want to use other data with Gatsby, which isn…

JavaScript

Working with Gatsby and Craft CMS

In this tutorial I'll build a blazing-fast static website with Gatsby on top of a Craft CMS blog.

Other

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.

JavaScript

Using JSON with Gatsby

Earlier, we've seen how we can use the gatsby-source-wordpress plugin to retrieve blog posts using the WordPress API. In this tutorial, we'll explore another possible source of information that Gatsby can use, such as JSON.

JavaScript

Writing your own Gatsby plugin

So far, I've written several tutorials about using Gatsby. What they have in common, is that they all depend on certain Gatsby plugins. In this tutorial, I'll explore the options you have when creating your own Gatsby plugin.

JavaScript

Adding syntax highlighting with WordPress and Gatsby

For Markdown, there are plugins to add syntax highlighting to your Gatsbby website. In this tutorial we'll explore the alternatives for adding syntax highlighting through WordPress.

JavaScript

Optimize loading images with WordPress and Gatsby

Displaying embedded images within WordPress posts using Gatsby is officially unsupported, but in this tutorial we'll explore alternatives.

JavaScript

Adding reading time with Gatsby

Popular online blogging platforms like Medium add an estimated reading time to each post. In this tutorial we'll achieve the same thing by using Gatsby.

JavaScript

Working with Gatsby and pagination

Gatsby is an awesome static site generator, and in this tutorial I'll look at how to implement pagination using Gatsby.

JavaScript

Creating pages with Gatsby

Gatsby has a large set of APIs, and one of them is to programmatically create new pages. In this tutorial we'll use this API to create detail pages for each blogpost.