Next.js Script with Partytown Web Workers

Original: https://codingcat.dev/podcast/2-28-nextjs-script-with-partytown-web-workers

▶ Watch on YouTube & Subscribe to CodingCat.dev

**Next.js Script with Partytown Web Workers **is a CodingCat.dev podcast episode featuring Adam Bradley and Houssein Djirdeh alongside Alex Patterson and Brittney Postma focused on Next.js, Builder.io. Adam and Houssein talk with Alex all about how third party script are killing the web. How Partytown fixes the third party script problem. Then we show how Partytown Script is used in Next.js. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. How would you best describe Partytown, and the issue it is trying to solve?
2. Can you explain what the heck a Service worker is and how XHR gets involved in the process?
3. Builder.io Performance Insights Tool
4. Next.js RFC for Partytown
5. What other frameworks work with Partytown?
6. Why is this important to have Partytown in Next.js?

Technical Overview: Next.js Script with Partytown Web Workers

2.28 - Next.js Script with Partytown: https://codingcat.dev/podcast/nextjs-script-with-partytown-web-workers Adam and Houssein talk with Alex all about how third party script are killing the web. How Partytown fixes the third party script problem. Then we show how Partytown Script is used in Next.js Sponsors

https://Builder.io

Empower

When applying the concepts from Next.js Script with Partytown Web Workers in a production codebase, teams working with Next.js, Builder.io should align their implementation with the Next.js Official Documentation (App Router, Server Actions, and rendering architecture guides). 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 Next.js, Builder.io covered in "Next.js Script with Partytown Web Workers" (Adam and Houssein talk with Alex all about how third party script are killing the web. How Partytown fixes the third party script problem. Then we show how Partytown Script is used in Next.js).
• **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official Next.js Official Documentation for type safety, performance, and long-term maintainability.
• **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (Next.js Script with Partytown Web Workers) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Next.js Script with Partytown Web Workers on YouTube using the timestamped chapters below:

• 00:00: AM (EDT)
• 00:00: Intro
• 00:00: Houssein Intro
• 00:00: Adam Bradley Intro
• 00:00: Where did the idea of Partytown come from?
• 00:00: Illustration of browser thread
• 00:00: Houssein why does this work?
• 00:00: Adam web workers
• 00:00: Blocking the main thread breaking down how it works
• 00:00: How did you bring all of this together?
• 00:00: Atomics
• 00:00: Builder.io Ad
• 00:00: Performance Insights - https://www.builder.io/c/performance-insights
• 00:00: Page with only google analytics
• 00:00: How is the 3rd party services working?
• 00:00: Partytown.builder.io
• 00:00: What prompted the RFC for Next.js to use Partytown?
• 00:00: How to use in Next.js
• 00:00: Project Aurora Google
• 00:00: Do you see Partytown becoming part of the browser?

Resources, Links & Official Documentation

• *Watch on YouTube: *Next.js Script with Partytown Web Workers Full Video (plus Subscribe to CodingCat.dev)
• *builder.io: *https://Builder.io
• *Show Pick: *VSCode Live Share (picked by Alex Patterson)
• *Show Pick: *Builder.io Perf Tool (picked by Alex Patterson)
• *Show Pick: *Synergy (picked by Brittney Postma)
• *Show Pick: *Partytown, Qwik, Mitosis with Steve Sewell on devtools FM (picked by Brittney Postma)
• *Show Pick: *Partytown with Adam Bradley Modern Web Podcast (picked by Brittney Postma)
• Adam Bradley Guest Profile & Episodes on CodingCat.dev
• Adam Bradley on GitHub
• Houssein Djirdeh Guest Profile & Episodes on CodingCat.dev
• Episode Sponsor: Builder.io
• Next.js Official Documentation: App Router, Server Actions, and rendering architecture guides
• Builder.io Developer Documentation: Visual headless CMS, SDKs, and design-to-code workflows

Related CodingCat.dev Tutorials & Podcast Episodes

• Supabase, Next.js and Builder.io: Jon Meyers sits down with Alex to talk about Supabase, Next.js and Builder.io.
• 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.
• Supabase, Next.js and Builder.io: We will walk through how to get up and running on Next.js with Supabase. Then we will build UI using http://builder.io/.

Frequently Asked Questions (FAQ)

What are the main takeaways from Next.js Script with Partytown Web Workers?

Adam and Houssein talk with Alex all about how third party script are killing the web. How Partytown fixes the third party script problem. Then we show how Partytown Script is used in Next.js. 2.28 - Next.js Script with Partytown: https://codingcat.dev/podcast/nextjs-script-with-partytown-web-workers Adam and Houssein talk with Alex all about how third party script are killing the web. How Partytown fixes the third party script problem. Then we show how Partytown Script is used in Next.js Sponsors

https://Builder.io

Empower Throughout this podcast, Adam Bradley and Houssein Djirdeh breaks down real-world implementation details for Next.js, Builder.io so developers can apply these patterns directly in production.

How do you implement Next.js best practices in production?

When adopting Next.js and Builder.io in a production stack, start by validating your configuration against the Next.js Official Documentation (App Router, Server Actions, and rendering architecture guides). 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 Next.js Script with Partytown Web Workers walkthrough and find related code resources?

You can watch the complete video session for Next.js Script with Partytown Web Workers on the CodingCat.dev YouTube channel. For a deeper dive into Next.js, check out our related guide: Supabase, Next.js and Builder.io.