> Canonical URL: https://codingcat.dev/podcast/2-2-using-no-code-with-builder-io-part-2 # Using No-Code with Builder - Part 2 🎧 Podcast Episode · S2E2January 12, 2022 # Using No-Code with Builder - Part 2 ![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/736c82f42a377b098d891890cdeafdb57525d08c-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=xEJa5W1_y_A&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![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)[![Steve Sewell](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/061af39d6258cb0e022235141ed45488fd95bdb4-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Steve Sewell](/guest/steve-sewell)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/4Mf5Xbb4akKngafgwcNbe0)[Apple](https://podcasts.apple.com/us/podcast/2-2-using-no-code-with-builder-io-part-2/id1491655542?i=1000547693330)[YouTube](https://www.youtube.com/watch?v=xEJa5W1_y_A&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/689f2fd4-4184-4ea3-812d-3cb9577cc482)[Castbox](https://castbox.fm/episode/id2508485-id458393306)[Castro](https://castro.fm/episode/KeWdsB)[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/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: Using No-Code with Builder - Part 2✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Using No-Code with Builder - Part 2: start with Steve Sewell, implement Architecture & Patterns, and ship to production.AAA Contrast Verified **Using No-Code with Builder - Part 2 ** is a CodingCat.dev podcast episode featuring Steve Sewell alongside Alex Patterson and Brittney Postma focused on Builder.io, Design, GitHub. Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code solutions. Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=xEJa5W1_y_A) or explore the architectural notes, chapters, and official documentation links below. ## Questions - How do blocks work in builder? - Do we see designers flipping their mindset to this more flex based layout? - Do you see companies handing this off to marketers to play with? - What is the code output from Builder like? - Can you deploy to different environments? ## Additional Links Everlane, Clothing and Apparel - [https://www.everlane.com/](https://www.everlane.com/) Atoms, For all things Shoes - [https://www.atoms.com/](https://www.atoms.com/) Figma to HTML, CSS, React & more! [https://www.figma.com/community/plugin/747985167520967365](https://www.figma.com/community/plugin/747985167520967365) ## Technical Overview: Using No-Code with Builder - Part 2 2.2 - Using No-Code with Builder.io - Part 2: Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of Builder.io, to understand how Builder.io is different from other no-code solutions. https://codingcat.dev/podcast/using-no-code-with-builder-io-part-2 Sponsors https://Builder.io Empower your entire team to visually create and opt When applying the concepts from **Using No-Code with Builder - Part 2** in a production codebase, teams working with Builder.io, Design, GitHub, React should align their implementation with the [**Builder.io Developer Documentation**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) (Visual headless CMS, SDKs, and design-to-code workflows). 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 Builder.io, Design, GitHub, React covered in "Using No-Code with Builder - Part 2" (Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code solutions.). - **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [Builder.io Developer Documentation](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) for type safety, performance, and long-term maintainability. - **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (Using No-Code with Builder - Part 2)](https://www.youtube.com/watch?v=xEJa5W1_y_A) 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 [**Using No-Code with Builder - Part 2**](https://www.youtube.com/watch?v=xEJa5W1_y_A) on YouTube using the timestamped chapters below: - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): PM (EST) - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Intro - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Steve Sewell - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Alex now works at Builder.io! - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Figma Demo - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): How do blocks work in builder? - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Auto Layout in Figma - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Do we see designers flipping their mindset to this more flex based layout? - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): bringing in Figma to Builder - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Editing in Builder - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Do you see companies handing this off to marketers to play with? - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): What is the code output from Builder like? - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Mitosis integration code demo - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Just in time compilation - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Partytown - https://github.com/BuilderIO/partytown - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Symbol example (component creation) - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Different environments/versioning - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Purrfect Picks - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): All about Adapters - Deploying in SvelteKit - https://sveltesirens.dev/events/all-about-adapters-deploying-in-sveltekit - [**00:00**](https://www.youtube.com/watch?v=xEJa5W1_y_A&t=0s): Emily in Paris - https://www.netflix.com/title/81037371 ## Resources, Links & Official Documentation - **Watch on YouTube: ** [Using No-Code with Builder - Part 2 Full Video](https://www.youtube.com/watch?v=xEJa5W1_y_A) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)) - **builder.io: ** [https://Builder.io](https://builder.io/?utm_source=codingcatdev) - **:30 - Partytown: ** [https://github.com/BuilderIO/partytown](https://github.com/BuilderIO/partytown) - **:05 - All about Adapters - Deploying in SvelteKit: ** [https://sveltesirens.dev/events/all-about-adapters-deploying-in-sveltekit](https://sveltesirens.dev/events/all-about-adapters-deploying-in-sveltekit) - **:30 - Emily in Paris: ** [https://www.netflix.com/title/81037371](https://www.netflix.com/title/81037371) - **:08 - Builder Open Source: ** [https://www.builder.io/c/docs/developers](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) - **Builder Ideas - [](https://ideas.builder.io/): ** [https://ideas.builder.io/](https://ideas.builder.io/?utm_source=codingcatdev) - **Show Pick: ** [Builder.io Open Source (picked by Alex Patterson)](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) - **Show Pick: ** [Builder.io Ideas (picked by Alex Patterson)](https://ideas.builder.io/?utm_source=codingcatdev) - **Show Pick: ** [Emily in Paris (picked by Brittney Postma)](https://www.netflix.com/title/81037371) - [**Steve Sewell Guest Profile & Episodes on CodingCat.dev**](/guest/steve-sewell) - [**Steve Sewell on GitHub**](https://github.com/steve8708) - [**Episode Sponsor: Builder.io**](https://www.builder.io/?utm_source=codingcatdev) - [**Builder.io Developer Documentation:**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) Visual headless CMS, SDKs, and design-to-code workflows - [**web.dev UI & Design Patterns:**](https://web.dev/learn/design) Responsive web design, typography, color systems, and UX patterns - [**GitHub Documentation:**](https://docs.github.com/) Pull requests, GitHub Actions CI/CD, and repository security ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Using No-Code with Builder - Part 1**](/podcast/2-1-using-no-code-with-builder-io-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. - [**Building Design Systems with Backlight.dev**](/podcast/2-7-building-design-systems-with-backlight-dev): We sit down with m4dz, developer advocate from the
RIOTS team. We talk all about the Backlight.dev design system. - [**Creating and Using Kendo UI**](/podcast/2-24-making-progress-with-kendo-ui): We have Alyssa Nicoll and Kathryn Grayson from Progress teach us all about KendoUI and how they maintain this frontend library. ## Frequently Asked Questions (FAQ) ### What are the main takeaways from Using No-Code with Builder - Part 2? Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code solutions. 2.2 - Using No-Code with Builder.io - Part 2: Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of Builder.io, to understand how Builder.io is different from other no-code solutions. https://codingcat.dev/podcast/using-no-code-with-builder-io-part-2 Sponsors https://Builder.io Empower your entire team to visually create and opt Throughout this podcast, Steve Sewell breaks down real-world implementation details for Builder.io, Design, GitHub so developers can apply these patterns directly in production. ### How do you implement Builder.io best practices in production? When adopting Builder.io and Design in a production stack, start by validating your configuration against the [**Builder.io Developer Documentation**](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) (Visual headless CMS, SDKs, and design-to-code workflows). 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 Using No-Code with Builder - Part 2 walkthrough and find related code resources? You can watch the complete video session for [**Using No-Code with Builder - Part 2**](https://www.youtube.com/watch?v=xEJa5W1_y_A) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Builder.io, check out our related guide: [**Using No-Code with Builder - Part 1**](/podcast/2-1-using-no-code-with-builder-io-part-1). ## ✏️ Episode Summary 2.2 - Using No-Code with Builder.io - Part 2: Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of Builder.io, to understand how Builder.io is different from other no-code solutions. https://codingcat.dev/podcast/using-no-code-with-builder-io-part-2 Sponsors https://Builder.io Empower your entire team to visually create and opt ## episode picks. ### 🐾 Alex Patterson - [Builder.io Open Source](https://www.builder.io/c/docs/developers?utm_source=codingcatdev) - [Builder.io Ideas](https://ideas.builder.io/?utm_source=codingcatdev) ### 🐾 Brittney Postma - [Emily in Paris](https://www.netflix.com/title/81037371) ## 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)