AI transcript
0:00:14 You can actually make really good-looking, really useful software that actually works, that you can actually give other people access to.
0:00:21 You could just tell it to design, and I’m not a designer. Like, this looks good, too. Like, this is like a legit… I might make this into a site.
0:00:23 It’s wild to see you doing this right.
0:00:33 Hey, welcome to the Next Way Podcast. I’m Matt Wolf. I’m here with Nathan Lanz, and today we’ve got an absolutely mind-blowing episode for you.
0:00:39 We’re going to build some code on this episode from scratch. We don’t even have an idea for a product yet.
0:00:46 We’re going to come up with the idea for the product, build the product, and then actually demo using the product all in the course of this episode.
0:00:59 And today we brought on a special guest to help us do that. We brought on Riley Brown, who has absolutely exploded on TikTok and Instagram and all the social media platforms with his training on how to code using AI.
0:01:07 So he’s going to break down his methods for us, and he’s even going to give us his templates so we’re not starting from scratch when building these apps.
0:01:16 So if you want the templates that he’s already done most of the hard work for you, those will be linked up in the description, wherever you’re watching or listening to this video.
0:01:23 But it is a really, really impressive process that we can now create something that used to take two weeks and do it in a matter of 20 or 30 minutes.
0:01:28 And we’re going to show you that we can do that right on this episode with Riley Brown. So let’s dig in.
0:01:35 When all your marketing team does is put out fires, they burn out fast.
0:01:42 Sifting through leads, creating content for infinite channels, endlessly searching for disparate performance KPIs, it all takes a toll.
0:01:50 But with HubSpot, you can stop team burnout in its tracks. Plus, your team can achieve their best results without breaking a sweat.
0:02:01 With HubSpot’s collection of AI tools, Breeze, you can pinpoint the best leads possible, capture prospects attention with clickworthy content, and access all your company’s data in one place.
0:02:06 No sifting through tabs necessary. It’s all waiting for your team in HubSpot.
0:02:13 Keep your marketers cool and make your campaign results hotter than ever. Visit hubspot.com/marketers to learn more.
0:02:27 Today’s guest is Riley Brown. And Riley didn’t know how to write any code, went down the rabbit hole of developing software using AI.
0:02:35 And today he’s going to break down some of those methods with us on screen and we’re going to build an app completely from scratch by the end of this episode.
0:02:37 So welcome to the show Riley.
0:02:42 Super, super hypes. Yeah, I love building software with AI.
0:02:45 Super fun because you don’t even have to know how to code and you’re right.
0:02:53 I have learned a little bit about coding, more so like at the higher level, like I know where code goes.
0:02:56 I know what’s kind of required for certain projects.
0:03:02 But like once you get into like the actual line, I don’t know too much, which is fun because Claude is very good at that.
0:03:04 So that’s fun.
0:03:08 Before we get into writing code, I just want to sort of set the stage for people a little bit.
0:03:14 I think I first came across your content either on Instagram Reels or TikTok.
0:03:21 I don’t remember exactly, but where’s the platform you kind of spend the most time on?
0:03:24 How did you get into AI in the first place on that platform?
0:03:34 Yeah, I only consume on X in YouTube, usually through audio, but like I don’t consume on Instagram and TikTok,
0:03:36 but like I have the most followers on Instagram and TikTok.
0:03:39 I just like learn, I love X with a passion.
0:03:42 I think it is the place, it is the best place to learn.
0:03:48 It is the best place to find those like weird, super smart people who are tinkering with stuff
0:03:53 that no one else would on Instagram or TikTok because they wouldn’t get any views.
0:03:57 And so it’s more of just like people just doing stuff for the love of the game
0:04:01 versus like repackaging the stuff that happens on X and like putting it in a clean format,
0:04:03 which I’m actually good at.
0:04:06 It’s just not as fun for me from a consumer standpoint.
0:04:12 So if anyone were to follow me on social media, I would prefer X because like I just love that platform.
0:04:13 That’s me.
0:04:19 All the other platforms, the short form platforms are kind of like a character where I have to be viral.
0:04:20 On Twitter, I can be myself.
0:04:21 So that’s fun.
0:04:22 For sure.
0:04:25 So how did you end up going down this whole coding rabbit hole?
0:04:29 Because I know, you know, a lot of the videos I was seeing were, you know,
0:04:33 you playing with a lot of the image editors, video editors, tools like that.
0:04:37 And then one day you’re like, this just blew my mind and you started showing off code.
0:04:43 And then from then on out, almost everything I’ve seen from you is that overlap of AI and building software.
0:04:45 Like where did, where did that come from?
0:04:45 Yeah.
0:04:47 So I had, you’re right.
0:04:53 I had always, I’ve always loved AI since I tried mid journey in the middle of 2022.
0:04:54 I was like hooked.
0:04:56 I was like, this is so cool.
0:04:58 I didn’t fully understand it.
0:05:02 I just dove all the way in and I started using like runway.
0:05:06 I was one of the first people to use DID and make a viral video about that.
0:05:12 And I just like started making a ton of videos and I really liked it and I thought I loved it.
0:05:22 But it wasn’t until I started using Claude artifacts, which allows you to like say create a react type script component.
0:05:25 And it renders the front end in real time.
0:05:27 And I was like, oh my God, this is actually really cool.
0:05:31 I’ve always, I’ve used software and I’ve done a lot of stuff with AI.
0:05:37 Like there’s like no code tools you could set up, but like they weren’t super useful for me.
0:05:44 And then when I like saw the fact that I could just like have it generate code, not have to know where to put it.
0:05:45 It just renders the front end.
0:05:47 I was like, okay, this is really cool.
0:05:49 Then, you know Amar Reshi?
0:05:50 Yeah.
0:05:50 Yeah.
0:05:58 So he made a video where he made something on Claude artifacts and then he just took all the code,
0:06:03 copied it and pasted it into a repl on replete, which is basically like for those who don’t know,
0:06:08 replete allows you to like very easily deploy code in like this web environment,
0:06:09 which we’re actually going to use today.
0:06:12 He just pasted it in and hit run.
0:06:14 And then he was running it live.
0:06:16 And then he added like a few lines of code.
0:06:19 And then now he was talking to it with 11 labs.
0:06:23 And so from there, I was like, I need to know what the hell just happened.
0:06:29 And from there, I literally spent the next like three or four days asking Claude how to do it.
0:06:33 And I literally built this note taking app, which is my biggest YouTube video.
0:06:37 Maybe one of my biggest YouTube videos with like a quarter million views or something.
0:06:43 And it was me making this note taking app basically just asking Claude how to do it.
0:06:48 I set up a database with Google Firebase, which I had never heard of Claude.
0:06:52 Just I literally was like screenshotting the app, pasting it and be like,
0:06:53 all right, I’m at this screen.
0:06:53 What do I do?
0:06:56 And they’re like, all right, do this, do this, do this, like four hours of failing.
0:06:58 And then I created this note taking app.
0:07:02 And then I added AI features all by talking and this was before cursor.
0:07:08 I was literally using Claude and copying and pasting the code from Claude into replete.
0:07:11 And then once I found cursor, it was just game over because you could just like it
0:07:15 was the most addicting thing I could have found.
0:07:18 And yeah, I’m very obsessive.
0:07:22 And so when I find something like that where I’m like, I need to learn about it, I do.
0:07:23 And here we are.
0:07:24 Yeah.
0:07:26 No, I found Claude to be very, very.
0:07:30 That was the first time I really started playing around with code.
0:07:35 I actually coded up like a really, really basic side scroller game using chat GPT
0:07:38 like a year and a half ago or something like that.
0:07:41 And it took me five, six hours.
0:07:43 I mean, the video I put out on it’s like 20 minutes.
0:07:44 But I saw that.
0:07:49 That was like six hours of recording to get it because it was literally like,
0:07:51 all right, this error popped up.
0:07:52 How do I fix it?
0:07:53 It would give me new code.
0:07:54 I’d copy and paste it.
0:07:55 A new error would pop up.
0:07:57 Having no idea how to code whatsoever.
0:07:59 I couldn’t even begin to troubleshoot it.
0:08:04 All I can do was paste the error back to chat GPT and say, what’s wrong?
0:08:04 What’s wrong?
0:08:06 I just keep doing that over and over again.
0:08:09 And I ended up doing that for hours and hours and hours until I finally got a
0:08:14 game and then that same exact game concept when Claude artifacts came out.
0:08:17 I was able to do it in like two prompts, you know?
0:08:20 So it really changed the game when artifacts came out.
0:08:25 No, that is a great way to learn this tech is to just like paste the errors back in
0:08:29 and then you always want to take a session every once in a while to like ask me.
0:08:34 Like, okay, what the errors that I ran into, like, why did I run into those errors?
0:08:38 And actually just over time, you’re going to make less and less of those errors.
0:08:44 And then a two hour project becomes 15 minutes if you and so that’s the point
0:08:46 where I’m getting with simple web apps.
0:08:48 But like, obviously, there’s just so much to learn.
0:08:50 So yeah, it keeps me busy.
0:08:53 Yeah, I’m curious to see like what the state of the art is because like,
0:08:56 I first got involved in AI using GitHub co-pilot.
0:08:58 So like, I’m lightly technical.
0:09:00 I’ve done tech startups, I code a bit.
0:09:04 I wouldn’t, I’m not like an amazing engineer or anything, but like I can code.
0:09:07 And so that’s how I got started with just like seeing how amazing GitHub co-pilot was.
0:09:09 I was like, oh my God, this is going to change everything.
0:09:12 But you know, there’s so many different things going on in AI.
0:09:15 I haven’t really kept up with like, I’ve tried cursor a bit.
0:09:19 I saw how the potential of it, but I’m not, I’m definitely not an expert at using cursor
0:09:22 or using V zero or any of these.
0:09:25 So yeah, I’m excited to see how it all works together.
0:09:28 I think to go off what you said, and then we can kind of dive into this.
0:09:33 But I think it’s a good, when you’re first getting started, I would just use cursor.
0:09:39 I use replete because it’s very easy to deploy, but I would recommend starting with cursor
0:09:43 and just sticking with that until there’s like a clear narrative change
0:09:44 that there’s a better tool.
0:09:48 I like, in my opinion, like cursor, I tried GitHub co-pilot
0:09:51 and I regret it even trying because cursor is like that much better.
0:09:56 And so like if, if you actually want to get to the point where you’re creating stuff,
0:10:00 you need to go deep before you like try a bunch of tools
0:10:03 or else you’re just going to get lost in like tutorial hell.
0:10:05 And yeah, that’s, that’s kind of the way that I see it.
0:10:07 Now don’t cursor and replete work together.
0:10:12 Can’t you like write something in cursor and have it pushed to replete or something?
0:10:12 Yeah.
0:10:12 Okay.
0:10:16 So let’s just, let me talk about the template.
0:10:21 And I think this is a good intro to the, the, what we’re going to build.
0:10:26 So this is just a code base and it is set up via SSH.
0:10:27 I’m not going to lie.
0:10:32 I don’t know what SSH stands for, but it is a setting on replete that you,
0:10:36 you basically just go up to SSH and then you basically go to cursor
0:10:40 and you generate an SSH key, which basically connects the code bases.
0:10:41 So they mirror each other.
0:10:45 Any change I make in replete will mirror to cursor and vice versa.
0:10:47 And so now we have this.
0:10:52 And so when you’re beginning to code, like when you start any project,
0:10:56 the beginning is the most annoying part, which is why projects took two hours.
0:11:02 My now business partner, Ange and I basically went through and we did the plumbing.
0:11:05 That’s what he calls it where we did all the annoying dirty work
0:11:07 at the beginning to give you the base template.
0:11:10 This is the base template that before we started this episode,
0:11:15 it takes about to a new person just starting maybe 15 minutes to set up.
0:11:17 For me, it takes like two or three minutes to just like quickly go through
0:11:19 and like set it up.
0:11:23 And so this is like the base app where you basically just have simple sign in features.
0:11:26 It’s cooked up to Firebase.
0:11:27 So you can sign in.
0:11:29 So you guys could sign into this app.
0:11:33 You would have your own profile and you can it’s just like a very simple
0:11:37 like social media app just to make sure that like your database is working
0:11:42 and you can just like post and this way it gives the AI kind of context.
0:11:44 Okay, this is what you’re starting out with.
0:11:48 Now your first prompt starts out with like, okay, you’re starting out with this template.
0:11:51 Now let’s create basically whatever you want to create.
0:11:54 And so that gives us just a good starting point.
0:11:57 And we’re going to be using cursor composer,
0:12:01 which is the greatest feature I think in the history of the world.
0:12:03 And I’m not exaggerating,
0:12:06 which is this place where you get to describe what you want cursor to code.
0:12:11 And then when we hit save, we will see the changes as soon as we hit save
0:12:14 in the rebel or the the web view on replete.
0:12:16 And so yeah.
0:12:19 And so cursor just you can correct me if I’m wrong.
0:12:21 You’ve used it a lot more than I have.
0:12:26 But basically if I’m trying to write code directly inside of something like Claude,
0:12:30 it’s basically looking at like the one file I’m trying to fix every time.
0:12:30 Right.
0:12:35 Like let’s say I’m just trying to fix the index dot HTML file or whatever.
0:12:37 I can paste that code into Anthropic.
0:12:38 Tell it to make some changes for me.
0:12:41 It will fix just that code, right?
0:12:45 But what ends up happening as you build out these files is you start to get all
0:12:49 these JavaScript files and you start to get all these HTML files and CSS files
0:12:53 and all these different files to make the site work together, right?
0:12:58 And after a while, Claude struggles to pull in the context from every single
0:12:59 file that you’re building.
0:13:05 And from my understanding, cursor makes it so that all of the files that are in cursor,
0:13:07 the AI is seeing with every single update.
0:13:13 So it knows the entire code base every time it makes a tweak for you.
0:13:13 Yes.
0:13:16 Where Anthropic, it will sort of lose the thread after a little while.
0:13:20 We’ll be right back.
0:13:23 But first, I want to tell you about another great podcast you’re going to want to listen to.
0:13:27 It’s called Science of Scaling, hosted by Mark Roberj.
0:13:32 And it’s brought to you by the HubSpot Podcast Network, the audio destination
0:13:33 for business professionals.
0:13:38 Each week, host Mark Roberj, founding Chief Revenue Officer at HubSpot,
0:13:42 senior lecturer at Harvard Business School and co-founder of Stage 2 Capital,
0:13:47 sits down with the most successful sales leaders in tech to learn the secrets, strategies,
0:13:50 and tactics to scaling your company’s growth.
0:13:55 He recently did a great episode called How Do You Sol for a Siloed Marketing in Sales?
0:13:57 And I personally learned a lot from it.
0:13:59 You’re going to want to check out the podcast.
0:14:03 Listen to Science of Scaling wherever you get your podcasts.
0:14:08 Yeah, you know, Claude projects.
0:14:11 You can actually upload all of your code base.
0:14:13 I used to do this at the beginning.
0:14:17 I would upload the entire replete code base, plug it into Claude,
0:14:19 and then ask it to generate code.
0:14:22 And it will generate multiple files at once, right?
0:14:24 It will generate the full, the code.
0:14:29 But what Cursor did, and like the genius of Cursor, is the fact that they have this apply feature,
0:14:31 which is actually a separate step.
0:14:36 Not only does it generate the code, it then, it has your existing code base
0:14:38 and it has the code that Claude generates.
0:14:44 And then there’s this apply step where they use an AI model to take the instructions
0:14:47 or the new code and then apply that code to your existing code base.
0:14:52 It looks for the difference and it generates new files based on that.
0:14:55 So it’s not, it’s not doing it in one step, it’s actually two.
0:14:59 And that, I didn’t realize that was as hard of a step as, as it was,
0:15:00 because it’s not deterministic.
0:15:05 It’s like, it’s an actual train, they train their own AI model to like apply it.
0:15:10 And that’s where the magic sauce is from, from what I can tell at least.
0:15:10 Right, right.
0:15:14 And, but if you upload like all of the files initially into Claude,
0:15:20 Claude is just basically seeing the starting point as the context anytime you prompt something, right?
0:15:23 So like as stuff gets updated,
0:15:26 you either have to go and like remove the old file from the context
0:15:28 and update it with the new one,
0:15:33 or it’s going to be constantly sort of looking at the old code base, I would imagine.
0:15:35 Super annoying process.
0:15:36 That’s mostly it.
0:15:37 Yeah, super annoying.
0:15:40 Highly recommended using cursor.
0:15:42 Let’s, let’s get into it.
0:15:45 I think, I think we need to like come up with an idea first.
0:15:50 And the day that we’re recording this is actually the day that the new advanced voice mode
0:15:53 just got released on the desktop app, right?
0:15:57 So, well, at least it got released at the Windows desktop app.
0:15:59 It might have already been on the Mac app for a little while,
0:16:02 but today is the day that the voice app on Windows for sure.
0:16:04 Hey, hey, chat GPT.
0:16:09 I, I, hey, hey, hey, listen to me, listen to me, listen to me, listen to me.
0:16:12 I am making an app right now.
0:16:15 And I need an idea for a simple web app that I can create.
0:16:17 We’re on a podcast.
0:16:19 We’re with Matt Wolf, Nathan Lanz.
0:16:24 And we need to create just a simple web app that has data.
0:16:27 We want to make sure that users can add data.
0:16:30 Maybe it’s simple text data and maybe they can upload images,
0:16:33 but we need some sort of idea that we can demo.
0:16:35 And I want you to be a little creative with this.
0:16:38 Come up with, with a few ideas.
0:16:41 Okay, so it said a daily gratitude app.
0:16:42 Okay, here, let’s just, okay.
0:16:43 So I just asked chat GPT.
0:16:45 We can’t get the audio on here.
0:16:53 I’m just going to tell it to keep going, generate an idea, idea for an app.
0:16:55 Give me three options.
0:16:57 And so we’re going to let AI decide.
0:17:02 We could also just do this directly in cursor, which might even be easier.
0:17:07 Okay, so daily habits coach, instant code explainer.
0:17:08 Hmm.
0:17:15 And, ooh, that might actually, audio mood journal records daily voice entries,
0:17:19 detects emotional tone using sentiment analysis.
0:17:21 That would be hard, probably more than an hour.
0:17:23 We could use you for that.
0:17:26 Give me three more options.
0:17:30 I often like to tell AI, like give me like 10 or 20 options.
0:17:34 And then, okay, which are the three best things to produce pretty good results.
0:17:35 Yes.
0:17:40 True, true, virtual study buddy, social media detox manager.
0:17:44 These are kind of, maybe we have to use our own human genius for that.
0:17:45 Yeah.
0:17:49 For some reason, I had a random thought of like this app that used to exist in San Francisco,
0:17:55 showing where human feces was.
0:17:58 I don’t know how we’re going to pull that data necessarily.
0:18:00 Is there an API somewhere for that?
0:18:03 No, they’re literally, could just send someone to do it manually.
0:18:06 And they could walk around with their phone, take videos.
0:18:10 I say we just, we just, I think we just, okay, what can we do?
0:18:10 What can we do?
0:18:12 We could do something fun.
0:18:20 We could do like, what about a daily AI tool skill tracker where you put in,
0:18:26 you have a user and you put in the skill that you learned with the tool that you used.
0:18:32 And then you can upload like a link to a video that you created it or something like that.
0:18:37 Like you can track your skills or like like a knowledge management system kind of thing.
0:18:38 Yeah.
0:18:39 Yeah, yeah, yeah.
0:18:43 And it can, you could have like be held accountable to like learning a new skill.
0:18:45 Let’s, let’s just, let’s just try it.
0:18:45 Let’s try it.
0:18:46 Okay.
0:18:47 So I like that idea.
0:18:47 Okay.
0:18:48 Cool.
0:18:49 Okay.
0:18:50 So let’s dive in.
0:18:53 Are you setting like a goal for yourself or like for the primary skills you’re going to?
0:18:53 Yeah.
0:18:53 Yeah.
0:18:58 So let’s say, let’s say an hour a day of learning a new AI tool.
0:18:59 I think that’s manageable for people.
0:19:01 They can squeeze it in there.
0:19:03 And then at the top we can have like a favorite tools,
0:19:05 maybe a few links to tools or something like that.
0:19:07 And maybe it’s social.
0:19:12 Like you can see other people’s status and then you guys can sign in to this app once we finish.
0:19:13 So yeah, let’s do it.
0:19:15 So cool.
0:19:16 I’m going to be using an app.
0:19:17 It’s called whisper flow.
0:19:19 It’s amazing.
0:19:20 I don’t know if you guys have used it.
0:19:24 It’s like an immediate voice to text.
0:19:24 It’s amazing.
0:19:25 I’ve heard of it.
0:19:26 Yeah.
0:19:37 Okay. So I want to create an app that allows me to track my AI tool usage and skill development,
0:19:38 mostly skill development.
0:19:49 And I want to be able to every day log what tool I used and then what specific thing I created with that tool.
0:19:54 And so over time I can track how I got better at learning with AI tools.
0:19:56 And so I want to be able to sign in.
0:20:01 This is a template and we’ve already set up Google Firebase in the template.
0:20:05 So make sure to use that within your code generation.
0:20:19 And I want you to allow me to obviously sign in and create a profile automatically and log that every single day.
0:20:26 Come up with a unique way to show that information visually, like each day, the progress, maybe a month view.
0:20:33 So you can switch between the months and see which days I succeeded and which days I failed.
0:20:34 Okay.
0:20:39 And then when in doubt, type at codebase.
0:20:42 This process is a lot better if you know what files you want to change.
0:20:45 It’s faster and it’s more precise.
0:20:48 But like when you’re just getting started, just make sure to just do at codebase,
0:20:52 which means it’ll look at the entire codebase instead of the file that we’re on currently.
0:20:55 So we’re just going to run this and see what happens.
0:20:58 We could get an error, but let’s see.
0:21:04 I like that you could just sort of kind of ramble into the microphone with just the sort of random thoughts and ideas you have about the app.
0:21:07 But it just kind of collects them all for you.
0:21:08 Yes, yes.
0:21:13 That is, I operate the best with voice for sure.
0:21:18 And it makes it way more fun than just like typing it in and it’s way faster, at least for me.
0:21:23 And so you can see here that it’s making changes to one, two and three different files.
0:21:27 And we just basically wait for it to finish.
0:21:31 And you’ll notice as I was talking about earlier, it’s generating all these and watch this right here.
0:21:34 We’re going to see it apply once they’re all done generating.
0:21:41 See it says applying right there and it’s generating applying done.
0:21:44 So while we’re waiting on this, the tools that you’re using, right?
0:21:47 I just want to kind of go over them real quick.
0:21:54 So you’re using cursor as the main sort of area where the codes being written, all of your files are organized.
0:22:03 Firebase is like the database that is storing the the the records that you’re creating essentially.
0:22:05 And it also, I believe, created the login, right?
0:22:13 It created the sort of Google login to be able to log in and then Replet itself is where the sort of front end is being hosted, right?
0:22:15 So Firebase is the back end database.
0:22:20 Replet is basically storing the front end online so people can view it, right?
0:22:25 That’s it’s it’s storing all the code like you can have a back end or front end.
0:22:28 It normally you would have to host it locally.
0:22:34 And I found replets just a lot easier to deploy and also do get.
0:22:39 So it’s a lot easier to save your code because like Replet and cursor literally have the same exact files.
0:22:42 It’s just cursor right now is better at generating code.
0:22:44 It is the best in the world.
0:22:47 And so that’s why I’m using cursor.
0:22:49 If I didn’t have to use cursor, I wouldn’t.
0:22:53 But like just right now it’s the best and I like to use the best tools for things.
0:22:57 Like I want to use the best tool that makes it the easiest for me to deploy.
0:22:59 It’s really hard to deploy apps on other apps.
0:23:00 I’ve tried a lot of them.
0:23:02 And so that’s why we use cursor.
0:23:04 But yeah, you all the other things you said you nailed it.
0:23:08 When you’re talking with this this tool, what was the tool called again?
0:23:11 The one that you’re speaking with whisper flow, whisper flow.
0:23:16 It’s so you like pressing and holding a button and then when you release the button, it knows you’re done.
0:23:17 It’s good.
0:23:17 It’s really good.
0:23:20 I’ve tested all of them because I’m a huge voice.
0:23:21 I’m a huge yapper.
0:23:27 I was just curious because if you use something like the new chat GPT voice assistant and you pause for a second,
0:23:30 it’s going to interrupt you and try to talk over you for a moment.
0:23:32 But I noticed this one isn’t doing that.
0:23:36 So I was wondering if you were like holding down a button and then it knew you were done when you release,
0:23:43 which I use the old version of the voice model all the time because I like to be able to just or actually,
0:23:48 they stop letting me do it where I can pause like the old interface for chat.
0:23:49 GBT’s voice assistant was perfect.
0:23:51 Like you could just hold it down for as long as you want.
0:23:53 Perplexities is really good too.
0:23:54 Yeah, I don’t like that.
0:23:55 It interrupts me.
0:23:59 I don’t it’s good sometimes, but it’s it’s a double-edged sword in my opinion.
0:24:02 Now, I don’t know if you’re the best person to ask about this or not,
0:24:10 but out of curiosity, do you know how long what we have here would have taken traditionally like without?
0:24:10 I don’t.
0:24:11 I have no.
0:24:12 Yeah.
0:24:13 I have no idea.
0:24:17 I like people people give me a bunch of different numbers because like the really good developers
0:24:23 that I talk to who are like excited for me like all use AI and they code 10 times faster than I do now
0:24:27 because they just like go so much faster because they’re not just using composer.
0:24:28 They’re using the chat feature.
0:24:30 So they’re going in and asking AI what to change.
0:24:31 They’re just doing it right there.
0:24:33 Composer takes longer.
0:24:38 And so like when you you start to you have to watch a really good developer code with AI
0:24:42 and you realize like the added benefit and efficiency that they’re getting out of it.
0:24:43 It’s insane.
0:24:44 And it’s actually nuts.
0:24:51 If they know all the the jargon and technical terms, you’re going to be able to better steer the AI.
0:24:53 Yes, let’s do that loud.
0:24:56 I could see some some other places where you can take it, right?
0:24:56 Yeah.
0:24:59 You can have a public feed and start seeing other tools.
0:25:05 And then it might be a way for people to discover tools they’d never heard of because they’re seeing the names of tools in the public feed.
0:25:07 And I mean, yeah.
0:25:13 Yeah, yeah, yeah, yeah, like because like social media is I think it’s changing a lot.
0:25:15 It’s like becoming more community oriented.
0:25:20 And so you might want to be able to just build one of these sites for maybe like maximum 50,000 people.
0:25:23 But like at any given time only, you know, maybe 500 people might be on it.
0:25:25 That’s manageable for Firebase.
0:25:26 It shouldn’t be too expensive.
0:25:31 It’s when you start getting up to like hundreds of thousands of users when it starts getting expensive.
0:25:35 But this is pretty like this is this is doable actually.
0:25:37 I’m like, I’m definitely thinking about it.
0:25:39 Well, once you get up into the hundreds of thousands of users,
0:25:44 I mean, you could it starts to get fairly easy to figure out how to monetize, right?
0:25:48 Like you could start throwing adsense ads inside the dashboard and monetize through ads,
0:25:53 or you can charge a small fee to use it, or you can have free and paid plans.
0:25:57 So like you can migrate on Firebase as well.
0:25:59 We can go ahead and call it a tool.
0:26:03 I mean, we can continue to build it out after this and do something with it.
0:26:10 But yeah, I think I think we’ve proven the point on this episode of how quickly and easily you can build a software tool.
0:26:14 And I mean, no, we’re not we’re not ending this podcast and tour at 10,000 MRR.
0:26:17 So who owns this?
0:26:20 We’ve got Riley, Matt, Nathan, HubSpot.
0:26:21 Like I mean, how’s it?
0:26:23 I think HubSpot owns it.
0:26:25 I think it’s only fair.
0:26:29 But what’s really cool about this is if you’re like trying to grow an email list or something, you know,
0:26:33 traditionally, you can do stuff like ebooks or videos or something.
0:26:37 Well, now this makes it just as easy to like make software or something.
0:26:39 You collect emails to grow a list off of, right?
0:26:40 That’s actually.
0:26:40 Yeah, yeah.
0:26:42 So you can do this one hundred percent.
0:26:42 Yeah.
0:26:44 And just to finish it off.
0:26:45 So now it does do the drop down.
0:26:48 You can select them super easy.
0:26:49 Yeah, there you go.
0:26:49 Super cool.
0:26:51 This this has been awesome.
0:26:57 I’m trying to think if there’s like any gaps that we need to fill in for the audience that might either be listening or watching.
0:27:03 So as far as costs of these tools, I’m pretty sure you can use replet for free, right?
0:27:06 Firebase, I know you can use free up to a point because I’ve never paid for it.
0:27:08 I haven’t really used cursor a lot.
0:27:12 But when I was using it, I don’t believe I was on like a paid plan.
0:27:14 Are these all free tools or are they like?
0:27:15 No, no, no.
0:27:18 Cursor now you can’t use composer without paying for pro.
0:27:21 It’s the easiest $20 you’ll ever spend.
0:27:27 I use about I spend about $120 a month on cursor credits.
0:27:32 So like if you use it all the time, you’re not it’s going to be more than $20 or else
0:27:36 they would be just losing so much money because each query costs a decent amount.
0:27:38 Replet is free up to a certain point.
0:27:39 And you’re right.
0:27:40 We you could do this.
0:27:43 You could I’ve still not paid for Firebase yet.
0:27:46 And I’ve created like a hundred projects probably.
0:27:51 And so it’s it’s when you start getting a lot of users and there’s it.
0:27:52 There’s a lot of demand on it.
0:27:55 So yeah, it’s pretty cheap to do this, honestly.
0:27:56 Yeah, yeah, yeah.
0:28:00 That’s why I would if you actually have plans to scale it.
0:28:04 Honestly, worry about that when it comes like that is a good problem to have.
0:28:05 Yeah, yeah.
0:28:11 But yeah, Firebase, we decided not to use Firebase for the app that that I’m building
0:28:16 because of the large number problem and scale on it.
0:28:19 Yeah, yeah, we I mean, that’s that’s the goal at least.
0:28:22 And so we want to be able to scale it and there’s going to be a lot of data.
0:28:25 And so there’s ones that are just faster to Firebase is the easiest to get started
0:28:29 with because it’s just so easy to use the AI really understands it.
0:28:32 And so I recommend starting with that over Suppa base.
0:28:35 A lot of people have been saying use Suppa base.
0:28:37 I have had major problems with it.
0:28:40 I think AI understands Firebase a lot better.
0:28:43 Cool. Well, on that note, why don’t you tell us a little bit
0:28:45 about the the platform that you’re working on?
0:28:47 Or is that something that is still too early?
0:28:49 I know you’ve talked about it a little bit on Twitter and stuff.
0:28:51 Is that something you want to talk about?
0:28:53 Yeah, so we released it last Friday.
0:28:54 I made one video.
0:28:58 It’s an app that allows you to record voice notes at any given time.
0:29:00 It’s called YAP thread.
0:29:06 YAP, Y-A-P-T-H-R-E-A-D based on the premise that I love to walk around.
0:29:09 I’m a very active person and I don’t like to write.
0:29:12 And so I wanted an app that I could pull out at any time
0:29:14 and just YAP all of my thoughts.
0:29:17 The difference between this app and a lot of other apps,
0:29:20 a lot of other apps, it’s just like one voice note
0:29:22 and then you can create another one, you create another one.
0:29:25 This one, after each voice note, it actually creates a thread.
0:29:26 And so then within this thread,
0:29:28 you can record as many voice notes as you want,
0:29:30 like hours and hours and hours.
0:29:33 And then at the end, you can use a custom AI prompt
0:29:38 to turn it into any outline or any piece of like a format content
0:29:41 that you want and as these AI models get better,
0:29:43 we’re going to get a lot better at reformatting them
0:29:47 into like really clean scripts in the style of your favorite creator
0:29:49 in the style of your previous videos.
0:29:51 And then also while you’re scrolling social media,
0:29:56 you can save like all of the interesting things that you find to the app
0:30:00 so that you actually have like ammo or ideas for when you start to write
0:30:03 and it can like bring in your memory and like for you, Matt,
0:30:06 like you do these like AI news videos.
0:30:09 And so like you, from what I can tell you use my mind.
0:30:11 And so it’s a good way to iterate on that.
0:30:14 And that’s kind of the basic premise of the app.
0:30:19 Yeah, I know that kind of lines up with Nathan’s sort of thinking strategy, right?
0:30:22 Because you said that you like to use the advanced voice assistance
0:30:24 and just go for walks and have conversations with it, right?
0:30:25 Yeah, that’s what I’ve been trying to do.
0:30:28 I mean, I’m still, you know, like Riley was saying earlier,
0:30:29 like it interrupts you and there’s like, you know,
0:30:32 it’s still kind of odd to use sometimes,
0:30:36 but I can see like the potential long term of using it for everything I do really.
0:30:39 So yeah, I agree with I have.
0:30:44 I had the same exact experience using it where I got annoyed that it ideally
0:30:47 it will remember everything that you’ve journaled before.
0:30:49 And so that’s what we’re building long term.
0:30:50 We’re building a lot AI chatbot.
0:30:54 It’s just not ready in my term in my sense.
0:30:56 It’s too expensive to dive into that.
0:30:57 And so I think this is a good place to start.
0:31:01 But that’s very much the goals to build the chatbot that helps you write
0:31:02 and be creative.
0:31:03 That’s the basic premise.
0:31:05 Is there is there a cost to use it right now?
0:31:09 You can use it for free for seven days and then it’s $7.99 per month.
0:31:15 And yeah, we’re adding a lot of really cool features that I think it’s a lot
0:31:17 of value for the cost.
0:31:20 So I’ll share more about that within the next two weeks.
0:31:22 We did a soft launch on Twitter.
0:31:25 I’ll doing a full announcement within the next week or so.
0:31:25 Cool.
0:31:25 Very cool.
0:31:28 But it is on the app store iOS iOS right now.
0:31:31 Are you going to put it on Android eventually?
0:31:31 Oh, yeah.
0:31:33 Yeah, we’re almost almost done with that.
0:31:35 It was kind of a we use react native.
0:31:36 I don’t want to get into that.
0:31:38 But yeah, we have it.
0:31:41 It’ll be on web as well, but it’ll be on Android first and then it’ll be on
0:31:43 web within the next like two or three weeks as well.
0:31:48 And that will be a bigger app that it’s going to be fun.
0:31:48 Cool.
0:31:49 Very cool.
0:31:50 Well, this is this has been amazing.
0:31:53 Nathan, was there anything else that you wanted to dig in?
0:31:54 I guess I mean, Riley, really quick.
0:31:55 Riley, one question I have.
0:31:57 So like, you know, like I told you, I can code a bit.
0:32:00 I also design like I like playing in Figma all the time.
0:32:04 I’m curious if you tried anything with like, like taking it a design
0:32:07 or like even like a wireframe and then like, you know, pasting it into
0:32:11 Kersher or or or replete or one of these tools, like, does that work?
0:32:17 I have and I have found that just like anytime I have a design idea
0:32:21 and I like try and like give it ideas, it ends up making it.
0:32:23 And then I’m like, actually, I don’t really like it that much.
0:32:26 But whenever I just tell curse, I’m like, act like a designer.
0:32:27 Make this dope.
0:32:28 Don’t mess with the functionality.
0:32:30 It ends up just being sick.
0:32:35 Like, yeah, like you could just tell it to design and I’m not a designer.
0:32:38 Even though I am getting into design and like I can I’m starting to
0:32:39 appreciate really good design.
0:32:43 Like I have such a deep appreciation for what perplexity does now.
0:32:47 Now that I know how hard it is to like create an app because I actually
0:32:51 did the design for the app that I created and I spent 20 to 30 hours
0:32:57 like editing like one like page and it’s it’s truly impressive.
0:32:59 Like really good design.
0:33:02 It takes so much work and I want AI to get a little bit better at design.
0:33:06 It’s actually better at like the AI backend stuff than it is like the design.
0:33:08 It’s not great.
0:33:09 Yeah.
0:33:12 Well, I mean, the little prompt that you gave like act like a designer
0:33:13 and, you know, make something that looks good.
0:33:14 It was solid.
0:33:17 Like just looking at the screen right now.
0:33:21 That’s a clean modern looking like backend dashboard to me.
0:33:22 It looks good.
0:33:25 You know, I might I might mess with some of the font sizes a little bit
0:33:27 more and do a little bit of tweaking.
0:33:30 But out of the box with just surprised, it’s it’s clean.
0:33:34 You give me 10 more, 10 more prompts on this site right here.
0:33:37 And it’ll look completely different and have a couple more features
0:33:38 that I think would tie it up.
0:33:41 Maybe I’ll do it and then I’ll deploy it and you can put it below the
0:33:44 Yeah, we can link out to where people can try it.
0:33:44 Yeah.
0:33:45 I want you to be like a YouTube video.
0:33:53 Yeah, happy to deploy this and I’ll give it a little domain.
0:33:54 I’ll come up with something funny.
0:33:59 Maybe cursor bro cursor bro.com or something like it.
0:34:00 I don’t know awesome.
0:34:02 No, this is this has been really, really amazing.
0:34:07 I mean, I’m always blown away by how quickly you can build something,
0:34:11 especially with my past experience trying to code with AI two years ago.
0:34:14 Like the distance that we’ve traveled from two years ago to now
0:34:18 and the ability to code with AI is absolutely mind blowing.
0:34:21 Like it really, really is impressive.
0:34:26 Can I get one final message off of that?
0:34:32 Yes, what I did was like it seems easy and I’m not trying to give myself credit
0:34:36 by any means, but I’m just saying like have some patience.
0:34:37 You’re going to run into it.
0:34:41 It’s going to get really, really, really annoying and I’ve done this a hundred times.
0:34:44 So like, and I’m not saying this is impressive by any stretch of the imagination,
0:34:46 but it is hard at first.
0:34:49 You’re going to struggle, but like the more you just like push through it,
0:34:51 you’ll get to the point where it’s fun.
0:34:54 I just don’t want to set unrealistic expectations.
0:34:56 There’s definitely not like super easy.
0:34:58 You will run into errors that you won’t know how to solve,
0:35:02 but it’s fine just like use AI in every possible way that you can think of
0:35:03 and you’ll figure it out.
0:35:03 I promise.
0:35:07 How do people get the template that you’re using?
0:35:09 That was the question I was going to ask you.
0:35:10 I can send it to you.
0:35:12 You can put it below the video.
0:35:13 It’s in Software Composers.
0:35:18 That’s actually the company that I created is going to be called Software Composer.
0:35:21 And we’re going to, we’re building a community.
0:35:25 So we’re at like, like 10,000 people that want to learn how to code
0:35:28 and we’re going to just become like a studio where we build apps
0:35:31 and we’re going to build apps fast and we’re going to use AI to build apps
0:35:34 and we’re going to build apps that help you use AI to build fast.
0:35:38 And I have some really fun projects planned for next year.
0:35:39 And yeah, super excited about that.
0:35:42 And that’s where we keep all the templates for everything that we create.
0:35:43 Super cool.
0:35:46 All right, well then real, real final question.
0:35:47 Where should people go check you out?
0:35:50 You mentioned Twitter is your sort of preferred platform.
0:35:52 Is that the best place for people to go after listening to this?
0:35:54 X. Yeah.
0:35:58 I would say SoftwareComposer.com if you want to learn how to do this.
0:36:00 And then yeah, just follow me on Twitter, hang out.
0:36:03 You know, I don’t actually never really ask people to follow me.
0:36:07 It’s just, if you want to, if you want to join the ride, come hang out.
0:36:08 If not, it’s okay.
0:36:09 Just Riley Brown.
0:36:10 Just Riley Brown at Riley Brown.
0:36:15 On Twitter, it’s Riley Brown underscore AI.
0:36:15 Awesome.
0:36:17 Well, I really, really appreciate you taking the time
0:36:19 and showing this all off to us.
0:36:22 This is, this has been a really, really cool process.
0:36:25 And I think, I think people are really dig actually seeing the whole process.
0:36:29 Cause if you took out some of our conversation in the middle of it,
0:36:33 this whole thing probably took like 20 minutes total, which is absolutely.
0:36:37 Like if I was just doing this, this is like six, seven prompts,
0:36:42 like starting from the first prompt, like five minutes, maybe five or seven minutes.
0:36:46 Probably if I was just doing this, but it’s actually fun to talk, talk through it.
0:36:48 I recommend doing it with other people.
0:36:50 It’s fun to like ideate and come up with ideas.
0:36:53 Anyway, I really enjoyed your brain too, for sure.
0:36:53 Absolutely.
0:36:55 And I really enjoyed this podcast.
0:36:56 Thanks for having me on.
0:36:57 This is a good time.
0:36:58 Awesome.
0:36:58 Well, appreciate it.
0:36:59 Thanks again.
0:37:04 And if you’re listening to this episode, make sure you’re following Riley Brown over on X.
0:37:08 And I’ve been saying Twitter, but it’s actually X as Nathan already corrected me.
0:37:14 And if you enjoyed this podcast, make sure that you subscribe to us on YouTube for more podcasts like it.
0:37:17 Or if you prefer audio, subscribe wherever you listen to podcasts.
0:37:18 Thank you so much for tuning in.
0:37:22 Really, really appreciate you spending the time with us today and we’ll see you in the next one.
0:37:22 Hopefully.
0:37:27 .
0:37:32 .
0:37:35 .
0:37:37 .
0:37:39 you
0:37:42 (upbeat music)
Episode 32: How can you build an app with a backend using AI in just 20 minutes? Matt Wolfe (https://x.com/mreflow) and Nathan Lands (https://x.com/NathanLands) sit down with AI enthusiast Riley Brown (https://x.com/rileybrown_ai) to explore this exciting and challenging process.
In this episode, Riley brings his unique perspective and experience, from a non-coder to a developer leveraging AI tools. The discussion covers Riley’s journey, the tools he recommends for beginners, like Cursor and Replit, and the integration with Firebase for seamless app development. They venture into creating a simple web app, discuss the evolution of app capabilities, and contemplate innovative features and platforms driven by AI. Whether you’re a novice or an experienced developer, this episode offers a wealth of insights and practical advice.
Check out The Next Wave YouTube Channel if you want to see Matt and Nathan on screen: https://lnk.to/thenextwavepd
—
Show Notes:
- (00:00) Riley Brown shares app-building methods, templates.
- (04:15) Using Claude artifacts for code generation amazed me.
- (08:35) Start with Cursor, avoid multiple tool distractions.
- (09:34) Codebase setup using SSH for syncing changes.
- (12:55) AI integrates and updates code in steps.
- (17:49) App to log and track AI skill development.
- (20:04) Tools: Cursor, Firebase, Replit for project management.
- (25:12) Discusses free use of Replit, Firebase, Cursor.
- (27:32) App for threading voice notes and AI formatting.
- (30:58) Appreciating design effort; seeking AI improvement.
- (33:31) Building community to create apps efficiently.
- (35:20) Follow Riley Brown on X, subscribe YouTube.
—
Mentions:
- Riley Brown: https://community.softwarecomposer.com/c/templates/replit-templates https://replit.com/@an732001/Riley-and-Ansh-Full-Stack-Nextjs-Template-version-1?v=1#README.md
- Software Composer: https://www.softwarecomposer.com/
- Cursor: https://www.cursor.so/
- Replit: https://replit.com/
- Firebase: https://firebase.google.com/
- Midjourney: https://www.midjourney.com/
- Claude: https://www.anthropic.com/index/claude
- Wispr Flow: https://www.flowvoice.ai/
—
Check Out Matt’s Stuff:
• Future Tools – https://futuretools.beehiiv.com/
• Blog – https://www.mattwolfe.com/
• YouTube- https://www.youtube.com/@mreflow
—
Check Out Nathan’s Stuff:
- Newsletter: https://news.lore.com/
- Blog – https://lore.com/
The Next Wave is a HubSpot Original Podcast // Brought to you by The HubSpot Podcast Network // Production by Darren Clarke // Editing by Ezra Bakker Trupiano