Gatsby 5 Blog Posts

Gatsby 5, TypeScript, and Generated GraphQL Types: A Walkthrough

Gatsby and TypeScript make a really great pair, with both bringing great features to your tech stack. One of Gatsby’s best features is its GraphQL data layer, and because the GraphQL data is typed, TypeScript’s type checking can make applications much less prone to runtime issues and works well with it

Kassian Wren • January 23rd, 2023

# Gatsby 5, graphql, typescript

Gatsby 5: An Upgrade Worth the Hype

We at Gatsby are extremely proud of what we launched and have been pumped to see every site that has been updated to the fastest Gatsby yet. Let's review and see what the community has to say!

Josh Johnson • December 14th, 2022

# build-times, Gatsby 5, Head API, Partial Hydration, Script API, Slice API, Website Performance

Using the Slice API for Internationalization (i18n)

Gatsby 5 is here and Slices are a big part of what makes it great. Today, we’ll walk through creating an internationalized site with Slices.

Kassian Wren • November 16th, 2022

# Gatsby 5, Slice API

How to Use Function Props with Gatsby’s Slice API

As good as the Slice API is, it does come with one or two restrictions. To be clear, these are by design rather than an oversight. One such restriction I ran into was when I attempted to pass a prop of type function to the Slice component.

Paul Scanlon • November 14th, 2022

# Gatsby 5, Slice API

Gatsby 5 Upgrade. Say No to YOLO

In this post Paul explains how he upgraded paulie.dev to Gatsby 5 and is now experiencing ~47% faster build times!

Paul Scanlon • November 8th, 2022

# Gatsby 5

Gatsby 5: The Fastest Gatsby Yet

Let's take a look at all of the exciting features that are packaged in Gatsby 5, notably the Slice API and Partial Hydration!

Josh Johnson • November 8th, 2022

# announcements, build-times, Gatsby 5, Gatsby Cloud, Head API, Partial Hydration, performance, Script API, Slice API

Partial Hydration (Beta) Explained

There’s been a lot of content around Gatsby 5, and we can’t help but be excited. Today I want to deep dive into a beta feature that is new in Gatsby 5, Partial Hydration. Currently, Gatsby pages are fully hydrated – this means that every component you ship needs to have its JavaScript loaded for the page to run (and be interactive). This can slow down time to first interaction on your Gatsby site.

Kassian Wren • November 2nd, 2022

# Gatsby 5, Partial Hydration, Website Performance