Using No-Code with Builder - Part 2

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 or explore the architectural notes, chapters, and official documentation links below.

Questions

1. How do blocks work in builder?
2. Do we see designers flipping their mindset to this more flex based layout?
3. Do you see companies handing this off to marketers to play with?
4. What is the code output from Builder like?
5. Can you deploy to different environments?

Additional Links

Everlane, Clothing and Apparel - https://www.everlane.com/

Atoms, For all things Shoes - https://www.atoms.com/

Figma to HTML, CSS, React & more! 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 (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 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) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Using No-Code with Builder - Part 2 on YouTube using the timestamped chapters below:

• 00:00: PM (EST)
• 00:00: Intro
• 00:00: Steve Sewell
• 00:00: Alex now works at Builder.io!
• 00:00: Figma Demo
• 00:00: How do blocks work in builder?
• 00:00: Auto Layout in Figma
• 00:00: Do we see designers flipping their mindset to this more flex based layout?
• 00:00: bringing in Figma to Builder
• 00:00: Editing in Builder
• 00:00: Do you see companies handing this off to marketers to play with?
• 00:00: What is the code output from Builder like?
• 00:00: Mitosis integration code demo
• 00:00: Just in time compilation
• 00:00: Partytown - https://github.com/BuilderIO/partytown
• 00:00: Symbol example (component creation)
• 00:00: Different environments/versioning
• 00:00: Purrfect Picks
• 00:00: All about Adapters - Deploying in SvelteKit - https://sveltesirens.dev/events/all-about-adapters-deploying-in-sveltekit
• 00:00: 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 (plus Subscribe to CodingCat.dev)
• builder.io: https://Builder.io
• :30 - Partytown: https://github.com/BuilderIO/partytown
• :05 - 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
• :08 - Builder Open Source: https://www.builder.io/c/docs/developers
• Builder Ideas - [](https://ideas.builder.io/): https://ideas.builder.io/
• Show Pick: Builder.io Open Source (picked by Alex Patterson)
• Show Pick: Builder.io Ideas (picked by Alex Patterson)
• Show Pick: Emily in Paris (picked by Brittney Postma)
• Steve Sewell Guest Profile & Episodes on CodingCat.dev
• Steve Sewell on GitHub
• Episode Sponsor: Builder.io
• Builder.io Developer Documentation: Visual headless CMS, SDKs, and design-to-code workflows
• web.dev UI & Design Patterns: Responsive web design, typography, color systems, and UX patterns
• GitHub Documentation: Pull requests, GitHub Actions CI/CD, and repository security

Related CodingCat.dev Tutorials & Podcast Episodes

• 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.
• Building Design Systems with Backlight.dev: We sit down with m4dz, developer advocate from the <div>RIOTS team. We talk all about the Backlight.dev design system.
• Creating and Using 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 (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 on the CodingCat.dev YouTube channel. For a deeper dive into Builder.io, check out our related guide: Using No-Code with Builder - Part 1.