DEV Community

Cover image for Using No-Code with Builder - Part 1
CodingCatDev profile image Alex Patterson
Alex Patterson for CodingCatDev

Posted on Edited on Originally published at codingcat.dev

Using No-Code with Builder - Part 1

#builderio #github #react #podcast

Original: https://codingcat.dev/podcast/2-1-using-no-code-with-builder-io-part-1

▶ Watch on YouTube & Subscribe to CodingCat.dev

**Using No-Code with Builder - Part 1 **is a CodingCat.dev podcast episode featuring Steve Sewell alongside Alex Patterson focused on Builder.io, GitHub, React. In this first part Alex sits down with Steve Sewell to understand how http://builder.io/ is different from other no-code solutions. 2.1 - Using No-Code with Builder.io - Part 1: Alex sits down with Steve Sewell, Co-Founder and CEO of Builder.io. In part 1 of the two part series, Steve helps me to understand how Builder.io is different from other no-code solutions.

https://codingcat.dev/podcast/using-no-code-with-builder-io-part-1 Sponsors

https://Builder.io

Empower your en, hey there perfect peeps welcome back to perfect.dev today we're going to talk about using a no code solution with builder io little did i know i was so blown away by it steve is actually the ceo of builder and i was able to convince him to employ me as a new developer advocate in part two we'll go through the rest of builder all the way from figma design into a fully blown solution this episode is... Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

  1. What is a no code solution?
  2. What is the difference between no code solutions like Wix or Squarespace and Builder**?**
  3. Demo - https://github.com/BuilderIO/builder/tree/main/examples/next-js-simple
  4. Is there a dev preview version?
  5. Is Builder.registerComponent hitting an API?

Technical Overview: Using No-Code with Builder - Part 1

2.1 - Using No-Code with Builder.io - Part 1: Alex sits down with Steve Sewell, Co-Founder and CEO of Builder.io. In part 1 of the two part series, Steve helps me to understand how Builder.io is different from other no-code solutions.

https://codingcat.dev/podcast/using-no-code-with-builder-io-part-1 Sponsors

https://Builder.io

Empower your en, hey there perfect peeps welcome back to perfect.dev today we're going to talk about using a no code solution with builder io little did i know i was so blown away by it steve is actually the ceo of builder and i was able to convince him to employ me as a new developer advocate in part two we'll go through the rest of builder all the way from figma design into a fully blown solution this episode is...

com for instance would be powered by a drag and drop editor and it's not entirely it's worth specifying this is within their code base they're hosted on things like uh cloudflare i think and they use next. com builder i builder io just one word and then slash this is a repo with a bunch of open source stuff plug into the platform examples all the sdk packages um and let's go into um go to examples and then there's like something called next. color of course if you're using a styling library you know you'd use that but you get the idea oops uh are we trying to do so we gotta do hang on here just gotta call it we're just assuming yes props. color we're assuming we have props for a title and caller okay cool now let's do one more thing and let's do let's make a new import actually go to that page.

color we're assuming we have props for a title and caller okay cool now let's do one more thing and let's do let's make a new import actually go to that page. tsx we can copy and paste the import line it'll be so hard to speak it let's go to the top find the build. io react yeah grab that whole line and let's bring that over to hero. tsx and we just need to import this we need to make sure when next.

When applying the concepts from Using No-Code with Builder - Part 1 in a production codebase, teams working with Builder.io, GitHub, React, Next.js 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, GitHub, React, Next.js covered in "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.).
  • **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 1) 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 1 on YouTube using the timestamped chapters below:

Resources, Links & Official Documentation

Related CodingCat.dev Tutorials & Podcast Episodes

Frequently Asked Questions (FAQ)

What are the main takeaways from 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. 2.1 - Using No-Code with Builder.io - Part 1: Alex sits down with Steve Sewell, Co-Founder and CEO of Builder.io. In part 1 of the two part series, Steve helps me to understand how Builder.io is different from other no-code solutions.

https://codingcat.dev/podcast/using-no-code-with-builder-io-part-1 Sponsors

https://Builder.io

Empower your en, hey there perfect peeps welcome back to perfect.dev today we're going to talk about using a no code solution with builder io little did i know i was so blown away by it steve is actually the ceo of builder and i was able to convince him to employ me as a new developer advocate in part two we'll go through the rest of builder all the way from figma design into a fully blown solution this episode is... Throughout this podcast, Steve Sewell breaks down real-world implementation details for Builder.io, GitHub, React so developers can apply these patterns directly in production.

How do you implement Builder.io best practices in production?

When adopting Builder.io and GitHub 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 1 walkthrough and find related code resources?

You can watch the complete video session for Using No-Code with Builder - Part 1 on the CodingCat.dev YouTube channel. For a deeper dive into Builder.io, check out our related guide: Using No-Code with Builder - Part 2.

Top comments (0)