Welcome to gatsby@3.8.0 release (June 2021 #2)

Key highlights of this release:

Also check out notable bugfixes.

Bleeding Edge: Want to try new features as soon as possible? Install gatsby@next and let us know if you have any issues.

Previous release notes

Full changelog


React 18 - Alpha

Gatsby supports React 18 Alpha. It’s still very early days but we like to be ahead of the pack. You can use startTransition and stateBatching today by installing react@alpha & react-dom@alpha. We love to get feedback in the Umbrella Discussion.

gatsby-source-shopify v5

Gatsby’s new Shopify integration which we announced at GatsbyConf earlier this year is now generally available.

  • Incremental data updates are now 16x faster than previous versions
  • v5 uses Shopify’s Admin API and bulk operation to overcome API rate limits of the Storefront API
  • Gatsby Cloud now offers Quick Connect for Shopify

Read more

Web Vitals Tracking

We’ve added support for tracking Web Vitals to gatsby-plugin-google-analytics & gatsby-plugin-google-tagmanager by using the web-vitals package (PR #31665).

The plugins now send three metrics:

  • Largest Contentful Paint (LCP): measures loading performance. To provide a good user experience, LCP should occur within 2.5 seconds of when the page first starts loading.
  • First Input Delay (FID): measures interactivity. To provide a good user experience, pages should have a FID of 100 milliseconds or less.
  • Cumulative Layout Shift (CLS): measures visual stability. To provide a good user experience, pages should maintain a CLS of 1 or less.

You can activate the tracking in your gatsby-config.js by setting enableWebVitalsTracking to true.

webpack caching

In the previous 3.7 release we started a gradual rollout of webpack 5 built-in persistent caching. It allows webpack to reuse results of previous compilations and significantly speed up compilation steps. With Gatsby v3.8 it’s now enabled for everyone.

Drupal integration

gatsby-source-drupal is now a lot faster and more reliable when sourcing data from Drupal. We switched to use Got for HTTP requests plus added an optimized http agent and http/2 support.

Notable bugfixes & improvements

  • gatsby-plugin-sitemap: Properly throw error on missing siteUrl via PR #31963
  • gatsby: Removed outdated ESLint rules jsx-a11y/no-onchange and jsx-a11y/accessible-emoji via PR #31896

Contributors

A big Thank You to our community who contributed to this release 💜