Posts tagged with Gatsby

Featured image for "Generating social cards with Gatsby"
JavaScript

Generating social cards with Gatsby

I always wanted some cool looking social cards, and in this tutorial I'll cover how you can automatically generate them for your posts with Gatsby."

Featured image for "Creating your own nodes 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…

Featured image for "Working with Gatsby and Craft CMS"
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.

Featured image for "Updating your Gatsby site when WordPress posts are published"
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.

Featured image for "Using JSON with Gatsby"
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.

Featured image for "Writing your own Gatsby plugin"
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.

Featured image for "Adding syntax highlighting with WordPress and Gatsby"
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.

Featured image for "Optimize loading images with WordPress and Gatsby"
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.

Featured image for "Adding reading time with Gatsby"
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.

Featured image for "Working with Gatsby and pagination"
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.