The site is now running Gatsby v4 🎉
- Parallel Query Running
- Deferred Static Generation
- Server-side Rendering
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
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 (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 (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
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.
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)
You can find the full pull request for Gatsby v4 update on github.
The source for the site is available on github.