The site is now running Gatsby v4 🎉
New Features #
Gatsby 4 combines the control and scalability of server-side rendering with the performance of static-site generation, creating a whole new web of possibilities.
Introducing Gatsby 4
Parallel Query Running #
Page queries and static queries to occur in parallel, leading to a 40% reduction in build times for some sites
Reducing Build Times In Gatsby 4 With Parallel Query Running
Deferred Static Generation #
Deferred Static Generation (DSG) allows you to defer non-critical page generation to the first user request, speeding up build times. Instead of generating every page up front, you can decide to generate certain pages at build time and others only when a user accesses the page for the first time.
Deferred Static Generation API
Server-side Rendering #
Server-side Rendering (SSR) is one of Gatsby’s rendering options and allows you to pre-render a page with data that is fetched when a user visits the page.
Using Server-side Rendering
Upgrade Process #
Upgrading to Gatsby v4 was relatively simple.
I didn't run in to any issues & no code changes were required.
Build times seem to take longer than v3 on netlify for some reason.
Netlify Build Times #
11:58:04 AM: info Done building in 103.589830513 sec 11:58:05 AM: 11:58:05 AM: (build.command completed in 1m 50.8s)
3:36:39 PM: info Done building in 136.966769022 sec 3:36:39 PM: 3:36:39 PM: (build.command completed in 2m 39s)
Source Code #
You can find the full pull request for Gatsby v4 update on github.
The source for the site is available on github.