> Canonical URL: https://codingcat.dev/podcast/3-10-WebContainers-with-Eric-Simons # WebContainers with Eric Simons 🎧 Podcast Episode · S3E10May 3, 2023[AI & MCP Agents](/topic/ai) # WebContainers with Eric Simons ![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f6001fcb1c89412f9f07461e85e3c96746407654-1920x1080.jpg?w=1920&h=1080&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![Eric Simons](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/5f831515bf32ac2c91cd18e778c4622392a393e7-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Eric Simons](/guest/eric-simons)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/04dJb4kqupsX0XauaHsIVV)[Apple](https://podcasts.apple.com/us/podcast/3-10-webcontainers-with-eric-simons/id1491655542?i=1000611544765)[YouTube](https://youtu.be/hgqeSy3Tniw)[Pocket Casts](https://pca.st/episode/f5e3221c-cef2-4614-ae89-25e64e7e6098)[Castbox](https://castbox.fm/episode/id2508485-id592728581)[Castro](https://castro.fm/episode/Y5JSVL)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss) ## Episode Sponsors. [![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1564a576c0c19e1b857c9bfba3cfb6364e7af223-2400x1350.jpg?w=1920&q=82&fit=max&auto=format)Partner & Sponsor ### Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use it to deliver powerful content experiences on any frontend: Websites, eCommerce, mobile apps, AR/VR, or voice content!](https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast)✏️ Visual Architecture Diagram ## how this episode connects together. Follow AJ from first principles to production-ready architecture. Let’s build it!✏️ Visual Diagram: WebContainers with Eric Simons✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for WebContainers with Eric Simons: start with Eric Simons, implement Architecture & Patterns, and ship to production.AAA Contrast Verified **WebContainers with Eric Simons ** is a CodingCat.dev podcast episode featuring Eric Simons alongside Alex Patterson and Brittney Postma focused on Node.js. Eric talks with us about how WebContainers are a browser-based runtime for executing Node.js applications and operating system commands, entirely inside your browser tab. WebContainers with Eric Simons: Eric Simons joins Alex and Brittney to teach us about WebContainers and some cool ways they can be utilized. https://codingcat.dev/podcast/3-10-WebContainers-with-Eric-Simons Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & markete, welcome back to codingcat.dev where we give you cats the freshest dose of Dev snacks here is Alex Patterson and Brittany Posta this episode brought to you by storyblock build anything and publish everywhere I won't do my echo today I think you called me out last time well I think it's been like the last few times it'll just we'll talk about storyblock they're awesome sponsors uh first we'll talk a... Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=hgqeSy3Tniw) or explore the architectural notes, chapters, and official documentation links below. ## Questions - Can you tell us more about yourself? - How is the [Thinkster Aquisition](https://medium.com/@ericsimons/a-new-year-a-new-thinkster-io-ebca441fedd5) going? - What are WebContainers? - Codeflow vs traditional Stackblitz - What can you build with WebContainer API? - Was the [Svelte Tutorial](https://learn.svelte.dev/tutorial/welcome-to-svelte) one of the first to use WebContainers? ## Links - [WebContainers.io](https://webcontainers.io/) - [WebContainers Guide](https://webcontainers.io/guides/introduction) ## WebContainers: A New Way to Run Node.js Applications in the Browser WebContainers are a new technology that allows you to run Node.js applications in the browser. This means that you can create interactive web applications that use the power of Node.js without having to worry about server-side code. WebContainers are built on top of WebAssembly, a new technology that allows you to run compiled code in the browser. This means that WebContainers can run any Node.js application, regardless of its size or complexity. WebContainers are still under development, but they have the potential to revolutionize the way we build web applications. With WebContainers, you can create interactive web applications that are more powerful and responsive than ever before. **Here are some of the benefits of using WebContainers:** - **Run Node.js applications in the browser:** WebContainers allow you to run Node.js applications in the browser. This means that you can create interactive web applications that use the power of Node.js without having to worry about server-side code. - **Compile once, run anywhere:** WebContainers are built on top of WebAssembly, which means that you can compile your Node.js code once and run it anywhere. This makes it easy to deploy your applications to different platforms, such as the web, mobile, and desktop. - **Faster and more responsive:** WebContainers are faster and more responsive than traditional web applications. This is because they are compiled to native code and run directly in the browser. - **Secure:** WebContainers are secure by default. They use sandboxing to isolate your applications from the rest of the browser. This helps to protect your users from security vulnerabilities. **If you are looking for a new way to build web applications, then WebContainers are a great option. They are fast, secure, and easy to use.** **Here are some of the use cases for WebContainers:** - **Interactive coding experiences:** WebContainers are perfect for interactive coding experiences. You can use them to create code editors, debuggers, and other tools that allow users to interact with code in real time. - **Programming tutorials:** WebContainers can be used to create interactive programming tutorials. This is a great way to teach people how to code without having to install any software. - **Next-generation documentation:** WebContainers can be used to create next-generation documentation. This type of documentation is interactive and allows users to experiment with code examples. - **AI applications:** WebContainers can be used to create AI applications. This is because they allow you to run machine learning models in the browser. - **Employee onboarding platforms:** WebContainers can be used to create employee onboarding platforms. This type of platform can be used to train new employees on company policies and procedures. **If you are looking for a new way to build web applications, then WebContainers are a great option. They are fast, secure, and easy to use.** ## Video Chapters & Timestamps Jump directly to any segment of [**WebContainers with Eric Simons**](https://www.youtube.com/watch?v=hgqeSy3Tniw) on YouTube using the timestamped chapters below: - [**00:00**](https://www.youtube.com/watch?v=hgqeSy3Tniw&t=0s): PM ## Resources, Links & Official Documentation - **Watch on YouTube: ** [WebContainers with Eric Simons Full Video](https://www.youtube.com/watch?v=hgqeSy3Tniw) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)) - **storyblok.com: ** [https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast](https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) - **Show Pick: ** [Sloth - Native Mac App (picked by Alex Patterson)](https://github.com/sveinbjornt/Sloth) - **Show Pick: ** [PNPM Nx Monorepo (picked by Brittney Postma)](https://blog.nrwl.io/setup-a-monorepo-with-pnpm-workspaces-and-speed-it-up-with-nx-bc5d97258a7e) - **Show Pick: ** [Svelte Hackathon (picked by Brittney Postma)](https://hack.sveltesociety.dev/) - **Show Pick: ** [Call of Duty: Warzone Resurgence mode (picked by Eric Simons)](https://www.theloadout.com/call-of-duty-warzone/resurgence-mode) - **Show Pick: ** [clack (picked by Eric Simons)](https://www.clack.cc/) - [**Eric Simons Guest Profile & Episodes on CodingCat.dev**](/guest/eric-simons) - [**Eric Simons on GitHub**](https://github.com/EricSimons) - [**Episode Sponsor: Storyblok**](https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast) - [**Node.js API Reference:**](https://nodejs.org/docs/latest/api/) Event loop, streams, native fetch, and server-side JavaScript ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Supabase New Release**](/podcast/4-6-supabase-release-week-x-new-features): Supabase dropped a lot of new features during their X launch, I review these with Jon. - [**RavenDB with Oren Eini**](/podcast/3-4-RavenDB-with-Oren-Eini): Oren breaks down RavenDB why he created RavenDB and then gives Alex a full demo on its features and capabilities. - [**Remix with Kent C. Dodds**](/podcast/cwcc-0-6-remix-with-kent-c-dodds): Kent C. Dodds walks us through an Epic reveal of Remix ## Frequently Asked Questions (FAQ) ### What are the main takeaways from WebContainers with Eric Simons? Eric talks with us about how WebContainers are a browser-based runtime for executing Node.js applications and operating system commands, entirely inside your browser tab. WebContainers with Eric Simons: Eric Simons joins Alex and Brittney to teach us about WebContainers and some cool ways they can be utilized. https://codingcat.dev/podcast/3-10-WebContainers-with-Eric-Simons Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & markete, welcome back to codingcat.dev where we give you cats the freshest dose of Dev snacks here is Alex Patterson and Brittany Posta this episode brought to you by storyblock build anything and publish everywhere I won't do my echo today I think you called me out last time well I think it's been like the last few times it'll just we'll talk about storyblock they're awesome sponsors uh first we'll talk a... Throughout this podcast, Eric Simons breaks down real-world implementation details for Node.js so developers can apply these patterns directly in production. ### How do you implement Node.js best practices in production? When adopting Node.js in a production stack, start by validating your configuration against the [**Node.js API Reference**](https://nodejs.org/docs/latest/api/) (Event loop, streams, native fetch, and server-side JavaScript). 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 WebContainers with Eric Simons walkthrough and find related code resources? You can watch the complete video session for [**WebContainers with Eric Simons**](https://www.youtube.com/watch?v=hgqeSy3Tniw) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Node.js, check out our related guide: [**Supabase New Release**](/podcast/4-6-supabase-release-week-x-new-features). ## ✏️ Episode Summary WebContainers with Eric Simons: Eric Simons joins Alex and Brittney to teach us about WebContainers and some cool ways they can be utilized. https://codingcat.dev/podcast/3-10-WebContainers-with-Eric-Simons Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & markete — welcome back to codingcat.dev where we give you cats the freshest dose of Dev snacks here is Alex Patterson and Brittany Posta this episode brought to you by storyblock build anything and publish everywhere I won't do my echo today I think you called me out last time well I think it's been like the last few times it'll just we'll talk about storyblock they're awesome sponsors uh first we'll talk a... ## episode picks. ### 🐾 Alex Patterson - [Sloth - Native Mac App](https://github.com/sveinbjornt/Sloth) ### 🐾 Brittney Postma - [PNPM Nx Monorepo](https://blog.nrwl.io/setup-a-monorepo-with-pnpm-workspaces-and-speed-it-up-with-nx-bc5d97258a7e) - [Svelte Hackathon](https://hack.sveltesociety.dev/) ### 🐾 Eric Simons - [Call of Duty: Warzone Resurgence mode](https://www.theloadout.com/call-of-duty-warzone/resurgence-mode) - [clack](https://www.clack.cc/) ## recent episodes. [All Episodes→](/podcasts)[![GenAI for Engineers, What](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/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/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/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/media-libraries/mlttp0BZbCpV/images/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/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)