Powering up with Gatsby 4 and GatsbyConf

Original: https://codingcat.dev/podcast/2-8-powering-up-with-gatsby-4-and-gatsbyconf

▶ Watch on YouTube & Subscribe to CodingCat.dev

**Powering up with Gatsby 4 and GatsbyConf **is a CodingCat.dev podcast episode featuring Grayson Hicks alongside Alex Patterson and Brittney Postma focused on GraphQL, React, Next.js. Grayson Hicks joins us to talk all about Gatsby 4 and multiple methods of rendering. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. Tell us about yourself and how you found your way onto team Gatsby?
2. Gatsby version 3 was released in March 2021, was there so much that changed by October 2021 that you needed a new version? https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v3-to-v4/
3. What is new with Gatsby 4?
   • Parallel Query Running - up to 40% reduction in build times
   • Deferred Static Generation (DSG) - defer page generation to user request, speeding up build times
   • Server-Side Rendering (SSR) - pre-render a page with data that is fetched when a user visits the page
4. Data later, why GraphQL and will there be an option for rest?
5. What build tools is Gatsby looking at for builds?
6. GatsbyConf is March 2nd & 3rd, 2022, high level what can we expect?

Technical Overview: Powering up with Gatsby 4 and GatsbyConf

2.8 - Powering up with Gatsby 4 and GatsbyConf: Grayson Hicks joins us to talk all about Gatsby 4 and multiple methods of rendering. https://codingcat.dev/podcast/2-8-powering-up-with-gatsby-4-and-gatsbyconf Sponsors

https://Builder.io

Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provid

When applying the concepts from Powering up with Gatsby 4 and GatsbyConf in a production codebase, teams working with GraphQL, React, Next.js, Builder.io should align their implementation with the GraphQL Official Specification & Learn (Schema design, resolvers, queries, mutations, and federation). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

Key Engineering Takeaways

• **Core Topic Focus: **Practical strategies for GraphQL, React, Next.js, Builder.io covered in "Powering up with Gatsby 4 and GatsbyConf" (Grayson Hicks joins us to talk all about Gatsby 4 and multiple methods of rendering.).
• **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official GraphQL Official Specification & Learn for type safety, performance, and long-term maintainability.
• **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (Powering up with Gatsby 4 and GatsbyConf) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Powering up with Gatsby 4 and GatsbyConf on YouTube using the timestamped chapters below:

• 00:00: AM (EST)
• 00:00: Gatsby Conf Intro
• 00:00: Intro
• 00:00: Grayson Intro
• 00:00: Did you do Open Source at Gatsby before you worked there?
• 00:00: Gatsby swag
• 00:00: Gatsby 4
• 00:00: Builder.io Ad
• 00:00: Release notes - https://www.gatsbyjs.com/docs/referece/release-notes/v4.0/
• 00:00: Deferred static generation - https://www.gatsbyjs.com/docs/reference/release-notes/v4.0/#deferred-static-generation-dsg
• 00:00: SEO questions
• 00:00: SSR availability
• 00:00: Sam Bhagwat epidsode - https://codingcat.dev/podcast/1-16-delivering-a-content-mesh
• 00:00: Why choose GraphQL and is there a possibility for REST in the future?
• 00:00: Developer Tooling and Build chain
• 00:00: Server components React 18

Resources, Links & Official Documentation

• *Watch on YouTube: *Powering up with Gatsby 4 and GatsbyConf Full Video (plus Subscribe to CodingCat.dev)
• *builder.io: *https://Builder.io
• *:40 - Release notes: *https://www.gatsbyjs.com/docs/referece/release-notes/v4.0/
• *:00 - Sam Bhagwat epidsode: *https://codingcat.dev/podcast/1-16-delivering-a-content-mesh
• *Show Pick: *Halo Infinite (picked by Alex Patterson)
• *Show Pick: *11ty 1.0 (picked by Alex Patterson)
• *Show Pick: *Syntax Gatsby v4 (picked by Brittney Postma)
• *Show Pick: *EnterJS (picked by Brittney Postma)
• *Show Pick: *Zelda Breath of the Wild (picked by Grayson Hicks)
• *Show Pick: *Node.js 17 (picked by Grayson Hicks)
• Grayson Hicks Guest Profile & Episodes on CodingCat.dev
• Grayson Hicks on GitHub
• Episode Sponsor: Builder.io
• GraphQL Official Specification & Learn: Schema design, resolvers, queries, mutations, and federation
• React Official Reference: Hooks, Server Components, and UI state patterns
• Next.js Official Documentation: App Router, Server Actions, and rendering architecture guides

Related CodingCat.dev Tutorials & Podcast Episodes

• Revealing all of Next.js 12's Features: We sit down with Lee Robinson, Head of Developer relations at Vercel, to talk all about Next.js 12.
• Using No-Code with Builder - Part 1: In this first part Alex sits down with Steve Sewell to understand how http://builder.io/ is different from other no-code solutions.
• Reviewing Next.js 11 features with Tim Neutkens: We sit down with Tim to talk about how he got started with Next.js and what things are upcoming in Next.js 11.

Frequently Asked Questions (FAQ)

What are the main takeaways from Powering up with Gatsby 4 and GatsbyConf?

Grayson Hicks joins us to talk all about Gatsby 4 and multiple methods of rendering. 2.8 - Powering up with Gatsby 4 and GatsbyConf: Grayson Hicks joins us to talk all about Gatsby 4 and multiple methods of rendering. https://codingcat.dev/podcast/2-8-powering-up-with-gatsby-4-and-gatsbyconf Sponsors

https://Builder.io

Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provid Throughout this podcast, Grayson Hicks breaks down real-world implementation details for GraphQL, React, Next.js so developers can apply these patterns directly in production.

How do you implement GraphQL best practices in production?

When adopting GraphQL and React in a production stack, start by validating your configuration against the GraphQL Official Specification & Learn (Schema design, resolvers, queries, mutations, and federation). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full Powering up with Gatsby 4 and GatsbyConf walkthrough and find related code resources?

You can watch the complete video session for Powering up with Gatsby 4 and GatsbyConf on the CodingCat.dev YouTube channel. For a deeper dive into GraphQL, check out our related guide: Revealing all of Next.js 12's Features.