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

# Next.js Script with Partytown Web Workers

🎧 Podcast Episode · S2E28June 22, 2022[Cloudflare](/topic/cloudflare)

# Next.js Script with Partytown Web Workers

![](https://cdn.sanity.io/images/hfh83o0w/production/29564005a2da9cd3321b446e5fcd6647d5fb05cc-1920x1080.jpg?w=1920&h=1080&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/images/hfh83o0w/production/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Adam Bradley](https://cdn.sanity.io/images/hfh83o0w/production/96980c0a51b4dd356f6f22a649a83357311c99a9-1024x1024.jpg?w=96&h=96&q=82&fit=max&auto=format)Adam Bradley](/guest/adam-bradley)[![Houssein Djirdeh](https://cdn.sanity.io/images/hfh83o0w/production/51176a30dd08e030ca56b07050b9ca4ab569a4c4-362x362.jpg?w=96&h=96&q=82&fit=max&auto=format)Houssein Djirdeh](/guest/houssein-djirdeh)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/1EhI4ZFjwmD1Tv5mGsX3TG)[Apple](https://podcasts.apple.com/us/podcast/2-28-next-js-script-with-partytown-web-workers/id1491655542?i=1000567397535)[YouTube](https://www.youtube.com/watch?v=Db-X9PWuSAg)[Pocket Casts](https://pca.st/episode/70661999-15cf-4057-95e3-c58b6be3ce10)[Castbox](https://castbox.fm/episode/id2508485-id507024582)[Castro](https://castro.fm/episode/4aeBfk)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss)

## Episode Sponsors.

[![CodingCat.dev tutorial cover image](https://cdn.sanity.io/images/hfh83o0w/production/e355e7e90e37726637596011069c154ae515da9f-1200x675.png?w=1200&q=82&fit=max&auto=format)Partner & Sponsor

### Builder.io

Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provide whole-team autonomy with a platform that is developer approved.](https://www.builder.io/?utm_source=codingcatdev)✏️ Visual Architecture Diagram

## how this episode connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Next.js Script with Partytown Web Workers✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Next.js Script with Partytown Web Workers: start with Adam Bradley, implement Houssein Djirdeh, and ship to production.AAA Contrast Verified

**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**](https://www.youtube.com/watch?v=Db-X9PWuSAg) or explore the architectural notes, chapters, and official documentation links below.

## Questions

- How would you best describe Partytown, and the issue it is trying to solve?
- Can you explain what the heck a Service worker is and how XHR gets involved in the process?
- [Builder.io Performance Insights Tool](https://www.builder.io/c/performance-insights?utm_source=codingcatdev)
- [Next.js RFC for Partytown](https://github.com/vercel/next.js/discussions/31517)
- What other frameworks work with Partytown?
- Why is this important to have [Partytown in Next.js](https://nextjs.org/docs/basic-features/script#off-loading-scripts-to-a-web-worker-experimental)?

## 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**](https://nextjs.org/docs) (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](https://nextjs.org/docs) 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)](https://www.youtube.com/watch?v=Db-X9PWuSAg) and subscribe to [CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly deep dives.

## Video Chapters & Timestamps

Jump directly to any segment of [**Next.js Script with Partytown Web Workers**](https://www.youtube.com/watch?v=Db-X9PWuSAg) on YouTube using the timestamped chapters below:

- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): AM (EDT)
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Intro
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Houssein Intro
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Adam Bradley Intro
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Where did the idea of Partytown come from?
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Illustration of browser thread
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Houssein why does this work?
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Adam web workers
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Blocking the main thread breaking down how it works
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): How did you bring all of this together?
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Atomics
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Builder.io Ad
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Performance Insights - https://www.builder.io/c/performance-insights
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Page with only google analytics
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): How is the 3rd party services working?
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Partytown.builder.io
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): What prompted the RFC for Next.js to use Partytown?
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): How to use in Next.js
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): Project Aurora Google
- [**00:00**](https://www.youtube.com/watch?v=Db-X9PWuSAg&t=0s): 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](https://www.youtube.com/watch?v=Db-X9PWuSAg) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **builder.io: ** [https://Builder.io](https://builder.io/?utm_source=codingcatdev)
- **Show Pick: ** [VSCode Live Share (picked by Alex Patterson)](https://code.visualstudio.com/learn/collaboration/live-share)
- **Show Pick: ** [Builder.io Perf Tool (picked by Alex Patterson)](https://perf.builder.io/?q=eyJpZCI6ImJ0dTd3bzJoaWt5IiwidGl0bGUiOiJGaW5kaW5nIG51bWJlcnMgaW4gYW4gYXJyYXkiLCJiZWZvcmUiOiJjb25zdCBkYXRhID0gWy4uLkFycmF5KDEwMDApLmtleXMoKV0iLCJ0ZXN0cyI6W3sibmFtZSI6IkZpbmQgaXRlbSAxMDAiLCJjb2RlIjoiZGF0YS5maW5kKHggPT4geCA9PSAxMDApIiwib3BzIjoyMDMzNjAsInJ1bnMiOltdfSx7Im5hbWUiOiJGaW5kIGl0ZW0gMjAwIiwiY29kZSI6ImRhdGEuZmluZCh4ID0%2BIHggPT0gMjAwKSIsIm9wcyI6OTk1NjAsInJ1bnMiOltdfSx7Im5hbWUiOiJGaW5kIGl0ZW0gNDAwIiwiY29kZSI6ImRhdGEuZmluZCh4ID0%2BIHggPT0gNDAwKSIsIm9wcyI6NTUzNTAsInJ1bnMiOltdfSx7Im5hbWUiOiJGaW5kIGl0ZW0gODAwIiwiY29kZSI6ImRhdGEuZmluZCh4ID0%2BIHggPT0gODAwKSIsIm9wcyI6Mjc2NjAsInJ1bnMiOltdfV0sInVwZGF0ZWQiOiIyMDIzLTA1LTIwVDE3OjM4OjMwLjQxN1oifQ%3D%3D&utm_source=codingcatdev)
- **Show Pick: ** [Synergy (picked by Brittney Postma)](https://symless.com/synergy)
- **Show Pick: ** [Partytown, Qwik, Mitosis with Steve Sewell on devtools FM (picked by Brittney Postma)](https://www.audible.com/pd/Steve-Sewell-Builderio-partytown-Qwik-mitosis-Podcast/B09Y11ZJ45)
- **Show Pick: ** [Partytown with Adam Bradley Modern Web Podcast (picked by Brittney Postma)](https://podcasts.apple.com/ca/podcast/s09e01-modern-web-podcast-partytown-with-adam-bradley/id1084236187?i=1000541597572)
- [**Adam Bradley Guest Profile & Episodes on CodingCat.dev**](/guest/adam-bradley)
- [**Adam Bradley on GitHub**](https://github.com/adamdbradley)
- [**Houssein Djirdeh Guest Profile & Episodes on CodingCat.dev**](/guest/houssein-djirdeh)
- [**Episode Sponsor: Builder.io**](https://www.builder.io/?utm_source=codingcatdev)
- [**Next.js Official Documentation:**](https://nextjs.org/docs) App Router, Server Actions, and rendering architecture guides
- [**Builder.io Developer Documentation:**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) Visual headless CMS, SDKs, and design-to-code workflows

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**Supabase, Next.js and Builder.io**](/podcast/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**](/podcast/1-36-reviewing-nextjs-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**](/post/supabase-nextjs-and-builderio): 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**](https://nextjs.org/docs) (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**](https://www.youtube.com/watch?v=Db-X9PWuSAg) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Next.js, check out our related guide: [**Supabase, Next.js and Builder.io**](/podcast/supabase-next-js-and-builder-io).

## ✏️ Episode Summary

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

## episode picks.

### 🐾 Alex Patterson

- [VSCode Live Share](https://code.visualstudio.com/learn/collaboration/live-share)
- [Builder.io Perf Tool](https://perf.builder.io/?q=eyJpZCI6ImJ0dTd3bzJoaWt5IiwidGl0bGUiOiJGaW5kaW5nIG51bWJlcnMgaW4gYW4gYXJyYXkiLCJiZWZvcmUiOiJjb25zdCBkYXRhID0gWy4uLkFycmF5KDEwMDApLmtleXMoKV0iLCJ0ZXN0cyI6W3sibmFtZSI6IkZpbmQgaXRlbSAxMDAiLCJjb2RlIjoiZGF0YS5maW5kKHggPT4geCA9PSAxMDApIiwib3BzIjoyMDMzNjAsInJ1bnMiOltdfSx7Im5hbWUiOiJGaW5kIGl0ZW0gMjAwIiwiY29kZSI6ImRhdGEuZmluZCh4ID0%2BIHggPT0gMjAwKSIsIm9wcyI6OTk1NjAsInJ1bnMiOltdfSx7Im5hbWUiOiJGaW5kIGl0ZW0gNDAwIiwiY29kZSI6ImRhdGEuZmluZCh4ID0%2BIHggPT0gNDAwKSIsIm9wcyI6NTUzNTAsInJ1bnMiOltdfSx7Im5hbWUiOiJGaW5kIGl0ZW0gODAwIiwiY29kZSI6ImRhdGEuZmluZCh4ID0%2BIHggPT0gODAwKSIsIm9wcyI6Mjc2NjAsInJ1bnMiOltdfV0sInVwZGF0ZWQiOiIyMDIzLTA1LTIwVDE3OjM4OjMwLjQxN1oifQ%3D%3D&utm_source=codingcatdev)

### 🐾 Brittney Postma

- [Synergy](https://symless.com/synergy)
- [Partytown, Qwik, Mitosis with Steve Sewell on devtools FM](https://www.audible.com/pd/Steve-Sewell-Builderio-partytown-Qwik-mitosis-Podcast/B09Y11ZJ45)
- [Partytown with Adam Bradley Modern Web Podcast](https://podcasts.apple.com/ca/podcast/s09e01-modern-web-podcast-partytown-with-adam-bradley/id1084236187?i=1000541597572)

## recent episodes.

[All Episodes→](/podcasts)[![GenAI for Engineers, What](https://cdn.sanity.io/images/hfh83o0w/production/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)November 19, 2025[AI & MCP Agents](/topic/ai)

### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)

Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/images/hfh83o0w/production/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/images/hfh83o0w/production/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)November 4, 2025[AI & MCP Agents](/topic/ai)

### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)

Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together!

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/images/hfh83o0w/production/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)