AI transcript
0:00:08 Like you probably will be able to prompt a whole SaaS company into existence, right?
0:00:12 Yeah, and the kind of stuff that you’d have to be a developer before to do any of this, right?
0:00:12 Yeah, yeah.
0:00:16 So if you’re in business, I would be thinking about what that means in terms of the opportunities,
0:00:19 like what are you going to be able to do with this new technology once it gets that good?
0:00:26 The way I’ve been using these tools is to create just like really basic, simple mini apps that sort of clear bottlenecks my business.
0:00:31 Hey, welcome to the Next Wave podcast.
0:00:32 I’m Matt Wolf.
0:00:42 I’m here with Nathan Lanz, and we’re entering into a world right now where the gap between having an idea in your brain and actually seeing it working app,
0:00:48 a working piece of software on your computer screen, that gap is closing quickly.
0:00:56 And we’re entering a really, really exciting time right now where anybody can write code to do pretty much anything they need it to do.
0:01:02 And there’s a whole new crop of up and coming AI coding tools that we’ve been hearing so much about.
0:01:09 And we wanted to put them all through their motions, tools like Bolt, tools like V0, WebSim, Replet AI.
0:01:16 These are some of those AI coding tools that we’re starting to see everywhere and people are just raving about them.
0:01:23 So we wanted to find out what they’re good at, what they’re not so good at, and really put them through the motions and see what we can build with them.
0:01:29 So let’s go ahead and just jump right in and play with some of these up and coming AI coding tools.
0:01:35 When all your marketing team does is put out fires, they burn out.
0:01:40 But with HubSpot, they can achieve their best results without the stress.
0:01:49 Tap into HubSpot’s collection of AI tools, Breeze, to pinpoint leads, capture attention, and access all your data in one place.
0:01:52 Keep your marketers cool and your campaign results hotter than ever.
0:01:55 Visit HubSpot.com/marketers to learn more.
0:02:11 We recently did an episode with Riley Brown where we walked through building out an entire app step by step with Riley using mostly cursor for that project.
0:02:18 But there’s been like this new crop of AI tools popping up like Bolt.new and V0 from Bercel.
0:02:20 And what was the other one? Replet?
0:02:21 Replet AI agent, yeah.
0:02:27 Right, yeah, so that we’ve got all of these new AI tools that are popping up that are just making it so much easier to code.
0:02:31 And I mean like even easier than what we saw with cursor, right?
0:02:39 Like with cursor, even when Riley Brown showed it to us, we kind of started with a template and then we had like a starting point.
0:02:43 And then we used cursor to build on top of that template that Riley provided us, right?
0:02:47 Well, with these other tools like Bolt and V0, you don’t even need that template, right?
0:02:51 You just go in there and you say, I want an app that does X.
0:02:54 And it just builds it and it gives you a working app.
0:02:59 So that’s what we want to do on this episode is play around with some of those tools, put them through their motions a little bit.
0:03:05 Talk about the implications and see what we can get them to build for us on this episode.
0:03:08 Yeah, I guess let’s just jump in to Bolt.
0:03:10 Yeah, so Bolt is like really simple, right?
0:03:13 You can just, you know, give it a concept and it’ll build it out.
0:03:20 I like to ask it to build a game first because I always feel like games are a lot more complex than what like most businesses are going to use it for.
0:03:27 And it’s sort of like a really good demonstration of something more complicated than what you’re probably even going to use it for.
0:03:29 Last time I did it, I had it build Tetris.
0:03:33 We see everybody on earth use the snake example.
0:03:34 So I don’t want to do Tetris or a snake.
0:03:37 I was thinking maybe like space invaders.
0:03:39 I’m going to have to build space invaders real quick.
0:03:45 So I can just give it the prompt, build a space invaders game.
0:03:47 And then just like, that’s it.
0:03:48 That’s the whole prompt.
0:03:50 One, two, three, four, five words.
0:03:52 And then you can see on the screen it’s just coding.
0:03:54 I’m not, I’m not touching anything.
0:03:57 It’s going in right and all the code you can see over on the left.
0:04:03 It’s already, you know, got all the pages and everything’s already built and ready to go.
0:04:05 It’s just, it’s, it’s just creating it.
0:04:06 I’m not doing anything.
0:04:11 And let’s see, let’s see if just one prompt is enough to make this work.
0:04:16 We can see here over on the left, it says I’ll create a modern beautiful space invaders game with react and type script.
0:04:21 It will feature smooth animations, particle effects and responsive controls.
0:04:24 So here it says I’ve created a modern space invaders game with the following features,
0:04:30 smooth canvas, particle effects, score tracking, modern UI, responsive controls with keyboard input,
0:04:35 beautiful start and game over screen, performance optimized with proper frame timing.
0:04:40 So you can see over here on the right of my screen, we’ve got space invaders.
0:04:41 Random side start.
0:04:45 But this is reminding me of back in the day when I launched my startup gamify.com.
0:04:50 We had this, this waiting list and when you would join the wait list after you,
0:04:54 after you gave your email, you would be prompted to fill out this puzzle,
0:04:56 which was like using our logo and you had to put the puzzle pieces in correctly.
0:04:58 And it timed how fast you could do it.
0:05:01 And then we had a, had a leaderboard and everyone was like sharing this.
0:05:03 It was like this, like crazy viral things.
0:05:06 They kind of cool to like replicate something like that where you have like a little,
0:05:09 little game and use that as a marketing tool of some kind.
0:05:10 Yeah, it’s so cool.
0:05:13 That gives you all the, all the code and like does all the folder structure and everything for you.
0:05:18 Like, I remember some of the early AI website generator apps or whatever.
0:05:19 A lot of them didn’t give you code.
0:05:22 Like you just see like the final product and it’s like, okay, now what?
0:05:24 Yeah, yeah, yeah.
0:05:30 What I really wanted to talk about on this episode was the concept of like just creating
0:05:32 little mini apps for your business.
0:05:38 I think a lot of people see these tools like cursor and bolt and V zero and replet and all
0:05:40 of these kinds of things.
0:05:42 And they think, well, I’m not trying to build a software company.
0:05:44 I’m not going to go and launch a SAS.
0:05:47 That’s, that’s just, you know, I’ve already got my business.
0:05:49 I don’t want to go do that.
0:05:49 Right.
0:05:54 But the way I’ve been using these tools is to create just like really basic simple mini
0:05:57 apps that sort of clear bottlenecks my business.
0:05:57 Right.
0:06:02 Like one thing I was running into is a lot of times I’m pulling images off the internet
0:06:06 and they get pulled as, as web P files.
0:06:06 Right.
0:06:10 Like if you generate an image in Dolly inside of open AI and you download it to your computer,
0:06:13 it downloads it as a web P file.
0:06:14 I really hate web P files.
0:06:16 They’re kind of annoying to work with.
0:06:18 I want it to be converted to a JPEG file.
0:06:23 I can’t use web P files in the Vinci resolve when I’m editing my videos to overlay them
0:06:23 on the videos.
0:06:25 I need JPEG files.
0:06:25 Right.
0:06:30 So I created a simple little app with a single prompt where I can drag and drop as many web
0:06:33 P files into that, into that little app.
0:06:36 And it would just convert them all into JPEGs like instantly.
0:06:41 It just created this little Python script called web P converter.py.
0:06:42 I can open it.
0:06:46 It just says web P to JPEG converter.
0:06:50 Here’s where the files will be saved code slash web P converter slash saved.
0:06:52 That’s the folder right there.
0:06:56 I made it so you can like change the folder pick wherever you want them to automatically
0:06:57 be saved.
0:07:01 And then I’ve got let’s you can see I got these three web P files that I just dragged over here.
0:07:05 One’s a picture of a tongue that I downloaded for some reason.
0:07:07 Here’s a picture that you’re telling.
0:07:08 Okay, good.
0:07:09 I think this is like a doll.
0:07:11 Yeah, this is a dolly image.
0:07:15 And this one’s also a dolly image, but they’re all web P files.
0:07:18 And so if I grab all three of these, just drag them and drop them into this little app that
0:07:19 I built here.
0:07:22 And it says conversion complete successful three failed zero.
0:07:27 And then if I look at my saved folder here, it just saved all three of those as JPEGs here.
0:07:28 And like really, really simple app.
0:07:32 I know there’s other apps on the internet that already can do that kind of stuff.
0:07:36 But I wanted to be able to just do it in bulk really quickly without, you know,
0:07:39 ads all over the screen and all that kind of crap that you get when you go to them.
0:07:42 It’s like online file converters.
0:07:47 And so I just I had both built me this little simple app really,
0:07:50 really quickly downloaded the files on my computer.
0:07:55 And now like if I’m working in DaVinci and I’m trying to find, you know, images to overlay
0:07:59 into my videos, I just have this little thing open on my screen whenever I downloaded image.
0:08:00 I throw it in there.
0:08:01 It gives me the JPEG back.
0:08:06 It just saves me a few extra seconds on converting those files.
0:08:12 Because the way I used to do it was I would open it up in like the windows image viewer app.
0:08:15 And then I would re save it as a JPEG file.
0:08:18 And this is just like way quicker.
0:08:24 So that’s the way I’ve been seeing these these apps is just like little ways to sort of solve
0:08:25 bottlenecks in my business.
0:08:29 Like what’s something that I just I want to solve this little problem.
0:08:32 I don’t really need to give this app away or sell it.
0:08:33 It’s just for me.
0:08:35 And I found that really, really helpful.
0:08:41 So, you know, I think anybody can look at their business and go where are the bottlenecks?
0:08:44 Where are the things that slow me down just a little bit?
0:08:49 Can I create a little quick script that’s going to make that thing just slightly easier?
0:08:51 Speed up the process just a little bit.
0:08:56 And that’s why I’m loving about these tools is just like finding those little things that
0:08:58 just make my life a little bit easier.
0:09:02 Yeah, and the kind of stuff that you’d have to be a developer before to do any of this.
0:09:02 Right.
0:09:06 We’re, you know, now if you’re in it, you could be a CEO and have an idea of something
0:09:08 that makes your business a little bit better a tool, a simple tool.
0:09:11 And maybe before you’d have to hire an entire team of engineers to build it.
0:09:14 And now if it’s something very simple in there, you could just use something like Bolt.
0:09:18 Let’s try something else inside of Bolt though, because it is actually a lot more impressive
0:09:19 than this here.
0:09:24 I’ll even let me show you real quick some of the other stuff that I already built first.
0:09:26 Because I thought this was really impressive.
0:09:32 So I built this Tetris game here and it’s just, you know, it’s Tetris like you’d expect it.
0:09:35 And it looks really, really good.
0:09:36 Right.
0:09:40 So, you know, I’m just obviously like just dropping everything really, really quick.
0:09:42 But it works.
0:09:46 Trust me, like the lines actually all the scoring works.
0:09:47 So you can see that that worked.
0:09:49 So that was one of the apps that I created.
0:09:52 This other one was just like a little fun one that I was playing around with,
0:09:55 which is in an ASCI generator.
0:09:56 Right.
0:10:03 So what you do is you drop any image in and then it recreates that image as like words and letters.
0:10:06 So just kind of like some of the random stuff that you can do with it.
0:10:09 But yeah, do you have an idea of like another app we can test real quick?
0:10:13 I think it’d be kind of cool to see what it does when you give it to a,
0:10:17 like a screenshot of a SAS app or something.
0:10:20 Like can you, can it copy an app like from a screenshot?
0:10:20 We can try.
0:10:22 Do you have a specific website in mind?
0:10:25 How about linear?
0:10:26 Linear, yeah.
0:10:29 Like linear, is that linear.com?
0:10:29 Dot app.
0:10:33 So you want me to just take a screenshot of like what we see above the fold here?
0:10:34 Yeah, thanks.
0:10:34 So let’s just see.
0:10:36 What does it do?
0:10:38 Does that have any idea what to do?
0:10:42 Is it like totally off or is it like close and the graphics are just wrong?
0:10:44 So I just took a screenshot told it to recreate this page.
0:10:46 So let’s see what it does here.
0:10:48 I’m not even familiar with linear.
0:10:51 So I don’t know what we’re, what it even is.
0:10:52 All right.
0:10:56 So now we’ve got a screen that has got some text on it.
0:10:57 Let’s see.
0:11:01 What should I, what prompt should I give it to try again?
0:11:02 Let’s see.
0:11:04 There are no images.
0:11:12 This looks nothing like the original image I gave you.
0:11:16 Please make it better.
0:11:18 Let’s just see what it does.
0:11:19 Oh, you’re fired.
0:11:20 Add that and see if it works.
0:11:21 Or you’re fired.
0:11:21 Yeah.
0:11:22 I’ll try that next time.
0:11:24 We’ll start threatening it with the next prompt.
0:11:28 No, just went back to just to wait.
0:11:29 Oh, wait, no.
0:11:30 Okay.
0:11:33 Now we’ve got some really crappy looking gradients in the background.
0:11:38 We’ll be right back.
0:11:41 But first I want to tell you about another great podcast you’re going to want to listen to.
0:11:45 It’s called Science of Scaling, hosted by Mark Roberge.
0:11:48 And it’s brought to you by the HubSpot Podcast Network.
0:11:51 The Audio Destination for Business Professionals.
0:11:56 Each week, host Mark Roberge, founding chief revenue officer at HubSpot,
0:12:00 senior lecturer at Harvard Business School, and co-founder of Stage 2 Capital,
0:12:05 sits down with the most successful sales leaders in tech to learn the secrets, strategies,
0:12:08 and tactics to scaling your company’s growth.
0:12:13 He recently did a great episode called How Do You Sol for a Siloed Marketing in Sales?
0:12:15 And I personally learned a lot from it.
0:12:17 You’re going to want to check out the podcast.
0:12:20 Listen to Science of Scaling wherever you get your podcasts.
0:12:29 So far, Bolt seems to be pretty good at making games and like novel stuff.
0:12:33 So I just told it like create me a simple directory website for lower.com,
0:12:36 make it like educational side about the lore of different fantasy worlds.
0:12:42 So this is like, and then make it beautiful, just simple kind of website kind of works.
0:12:45 And obviously, if anybody is watching this or listening to this,
0:12:52 and it seems like this worked really fast, we are skipping over a lot of the actual writing
0:12:56 of the code in the video just so that it speeds up the flow of the video here.
0:13:01 So yeah, I think Bolt is not amazing when you try to upload an image
0:13:03 and try to get it to like duplicate that image.
0:13:04 That’s what I’m finding out.
0:13:09 But I think if we were to just like explain what website we want,
0:13:11 Bolt would do a pretty decent job.
0:13:14 So now, Nathan, you’re sharing your screen.
0:13:16 You didn’t give it an image this time, right?
0:13:18 You just kind of told it what you wanted.
0:13:20 Yeah, I was just thinking like, you know,
0:13:22 let’s imagine I was using lower.com for something different.
0:13:27 Like I was using it for what a lot of people imagine would be like a directory about fantasy
0:13:30 or video games or like the lore behind different fantasy worlds and stuff.
0:13:33 So I said, create me a simple directory website for lower.com,
0:13:37 make an educational side about the lore of different fantasy worlds, etc.
0:13:40 Use Astro, which is a framework I like to use for static websites.
0:13:42 And make it beautiful.
0:13:47 So this is what Bolt gave me, which I don’t think is very beautiful.
0:13:52 I mean, it’s a lot more beautiful than what I got when trying to start with an image.
0:13:57 And here’s what V0 from Vercel gave me, which I think it’s simple, kind of minimalistic,
0:13:59 but I think it does look better.
0:14:01 What I think the big difference is, is like,
0:14:03 Bolt didn’t pull in any icons.
0:14:05 It didn’t pull in any images.
0:14:07 It didn’t like do any of that stuff.
0:14:12 At least when you used V0, it actually added some icons to try to make it look good.
0:14:13 Yeah, yeah.
0:14:15 And it also, it’s not showing it here.
0:14:16 I’m trying to get to reload.
0:14:17 It’s not doing it again.
0:14:20 But when it first loaded, all of this was like animated too.
0:14:21 And it was really fancy looking.
0:14:22 So nice.
0:14:23 I thought that was cool.
0:14:27 Like it like had some basic animations, like all these like the words slowly came in,
0:14:29 you know, and like it like flashed in all that kind of stuff.
0:14:31 So yeah, yeah.
0:14:34 V0 definitely has like a lot better design to it.
0:14:40 It’s just, it’s so fascinating to me because when I was using Bolt the first time,
0:14:44 like everything I was doing was working on like either the first or second prompt.
0:14:47 Sometimes I had to get a second prompt and then it started working really well.
0:14:48 But it was always within two prompts.
0:14:50 I got what I was looking for.
0:14:53 I also tried this on Replet.
0:14:56 And so their approach is like really different because I think it’s interesting.
0:15:02 It’s almost like you’re chatting with like an AI project manager or something, right?
0:15:06 Or instead of like, you know, Bolt and V0 just go ahead and kind of build it for you
0:15:08 and don’t really ask for additional input.
0:15:12 Like this is asking me like, it’s wanting to clarify what I want.
0:15:12 Right?
0:15:13 Right.
0:15:14 They, you know, they ask me other things.
0:15:16 Would you like any of these additional features?
0:15:17 We can also make changes later.
0:15:20 So don’t want to add interactive timeline features.
0:15:20 Sure.
0:15:23 Don’t want to implement character relationship maps.
0:15:25 If they can do that, I don’t know.
0:15:25 That’d be awesome.
0:15:27 Let’s see if they can actually do that.
0:15:29 Add a user contribution system.
0:15:30 I’m just going, I’m going to say yes, all of this.
0:15:32 Can you do me a favor real quick though?
0:15:35 And just like read out the prompt that you gave it just for anybody who’s listening on audio.
0:15:38 I want to make sure that they kind of have a little more context.
0:15:40 And I also was very small on my screen so I can’t read it.
0:15:41 Yeah, yeah.
0:15:43 Yeah, the same prompt I used for the other one.
0:15:45 Create me a simple directory website for lord.com,
0:15:49 make an educational site about the lore of different fantasy worlds, etc.
0:15:51 I told a web framework I wanted to use.
0:15:53 I said use Astro and make it beautiful.
0:15:55 So pretty straightforward.
0:15:57 And yeah, and then it gives me all these options.
0:15:59 So let’s, let’s approve the plan and start.
0:16:05 So it seems like out of the three that v0 gives you the most beautiful stuff out of the box.
0:16:08 But I do really like how it works on replet in terms of
0:16:11 just a whole interface of it telling you everything.
0:16:14 Like maybe for some people this is probably overwhelming
0:16:16 because you actually see the, you see the code flying in here.
0:16:17 It shows you as it’s doing it.
0:16:19 Yeah, I mean, Bolt did that too though.
0:16:24 Bolt, you were able to like basically watch it create every single file and then write the code.
0:16:25 Right.
0:16:27 This looks prettier.
0:16:28 Yeah, this looks prettier.
0:16:32 And I do like the whole interface of like it’s like a project manager
0:16:35 where it’s like asking you the different features you want, right?
0:16:36 Yeah, yeah.
0:16:37 Yeah. And I’ve testing all of them before.
0:16:41 Like I didn’t test Bolt, but I tested v0 and replet.
0:16:42 Like replet’s way more thorough.
0:16:45 Like it’ll give you a whole freaking like login system and stuff.
0:16:46 Yeah.
0:16:49 Yeah. I mean, this is doing the kind of stuff that, you know,
0:16:53 that Riley was showing us with cursor in terms of like creating a database and everything.
0:16:54 Like this is doing all that.
0:16:55 It just created a Postgres database.
0:16:57 So it’s like, it’s incredible.
0:16:59 So it did a lot of stuff.
0:17:01 It like created a database and everything.
0:17:04 Well, it did create a lot of files for you.
0:17:10 You know, maybe since I was sort of giving Bolt two tries, two prompts,
0:17:13 maybe the next best thing is give it like one more prompt,
0:17:18 say like, hey, here’s what’s going on and see if it’ll just fix it for you.
0:17:20 Yeah. So the AI project manager said,
0:17:25 is the website displaying properly with the fantasy theme and navigation working?
0:17:28 I mean, it says the words fantasy.
0:17:30 Is that enough to consider the fantasy theme?
0:17:36 The website loads, but there isn’t any navigation.
0:17:40 You can’t really do anything with it.
0:17:43 I don’t know if that’s enough, but I guess let’s give it like two or three
0:17:45 tries and see where it gets us.
0:17:48 But this is the one I use with my son,
0:17:50 like where we create like a little simple website,
0:17:55 like a giving like tips, tips for Minecraft and League of Legends.
0:18:00 And it, you know, after like five tries got us something that was kind of okay.
0:18:03 Yeah. The other one I was trying to think of was Windsurf editor.
0:18:04 I don’t know if you’ve heard of that one yet.
0:18:08 That one to me looks very similar to Cursor.
0:18:12 It looks very, because it’s also, I believe it’s also a fork of VS code just like Cursor was.
0:18:16 So, so Rip, let’s, I think the agent’s totally confused now.
0:18:20 It’s like, is the website displaying the three fantasy worlds,
0:18:26 Middle Earth, Westeros, and Hogwarts universe with their descriptions and featured articles?
0:18:32 We’re still, so they’ve got some good database that like definitely nothing is being pulled in.
0:18:41 So, I think from all of the various apps that I’ve tested so far between Bolt and VZero,
0:18:48 and the Replit one, I actually think probably the best one at actually making like a fairly
0:18:50 decent looking user interface has been WebSim.
0:18:55 And I don’t think most people actually see WebSim as like a code writing tool, but it totally is.
0:18:58 So, if I use that same prompt that you created, I can come up here.
0:18:59 What would you like to create today?
0:19:01 Let’s go ahead and paste in the same one.
0:19:04 Create me a simple directory website for lore.com.
0:19:07 Make it an educational site about lore of different fantasy worlds, etc.
0:19:11 I’m going to get rid of use Astro because I don’t know what language this,
0:19:14 I think it kind of uses its own thing.
0:19:17 But let’s go ahead and just prompt that and see what WebSim creates for us.
0:19:22 I don’t totally know how WebSim works behind the scenes,
0:19:26 but it is writing a whole bunch of code for us behind the scenes.
0:19:30 We can see it’s still loading, but you can see as I move my mouse around,
0:19:33 it created this like little star field of the background,
0:19:39 lore, explore the vast realms of fantasy, Middle Earth, Westeros, the Witcher’s world,
0:19:40 Hogwarts.
0:19:44 So, it created all of these like descriptions.
0:19:48 One thing that you can do with WebSim too is like not give it any context
0:19:52 and just tell it go like lore.com, right?
0:19:54 If I type this in, it’s not going to go to your lore.com.
0:19:57 It’s just going to create a whole new website called lore.com
0:20:01 and just sort of decide what it wants to be all about.
0:20:04 Maybe they’re getting hung up on this one because like they think they need to create
0:20:06 all this content and that just like gets complicated for it.
0:20:10 Like figuring out all the different images or text or whatever.
0:20:13 So, this is what it thinks lore.com should look like.
0:20:16 Journey through the most captivating fantasy worlds ever created,
0:20:18 discover ancient mysteries, legendary creatures,
0:20:21 and epic tales that shape these magical realms.
0:20:24 And then if I click on begin your adventure, let’s see where it takes us.
0:20:27 That’s kind of fun, like having to imagine what it thinks it would be.
0:20:29 I’m trying to get another one still, like create lore.com.
0:20:30 Like what is that?
0:20:32 It actually kind of created the same content,
0:20:35 Middle Earth, the Witcher’s continent and Westeros.
0:20:39 Well, you can see it created like a fairly simple design,
0:20:42 but if I come up here to these three dots over here on WebSim,
0:20:45 you can actually see there’s a view source button and a download button, right?
0:20:48 I can click on view source and it’ll show me all the code for the website
0:20:51 that I can just copy and paste it to wherever.
0:20:55 Or I can click download and it’ll just I believe download it as a,
0:20:58 yeah, just download it as an HTML file.
0:21:00 So, this will actually write the code for you
0:21:02 and then let you have the code after it writes it.
0:21:04 I’m going to give it another prompt.
0:21:06 Make the links clickable.
0:21:08 You have this.
0:21:10 Okay, so now if I go to lore worlds,
0:21:14 you can see it brought up Middle Earth, Westeros, the continent
0:21:17 and Wizarding World and then it’s got like tags underneath.
0:21:20 Let’s see if I go into Middle Earth, it gives me an error.
0:21:24 So, it’s, I mean, it’s, it gave us a UI.
0:21:27 It’s not giving us like a full working website,
0:21:29 but I mean, it’s one of the better looking UIs
0:21:31 that we’ve gotten out of some of these platforms.
0:21:35 But let’s go ahead and jump over to what you’ve been getting.
0:21:37 So, you said you’ve been working with Vercel.
0:21:42 Yeah, so I tried just what you did like CrateLore.com.
0:21:44 I just wanted to see what it would come up with
0:21:46 if you just literally just put in a domain and that’s it.
0:21:52 So, here when I told Vercel or V0 just to CrateLore.com,
0:21:54 it actually like went and like looked up my website
0:21:57 and like basically copied the style.
0:22:00 I mean, this is not exactly, but this is the same colors,
0:22:02 the same font, the same menu.
0:22:06 Even the same text for the button, you know.
0:22:11 They even got my logo and made something that’s somewhat similar,
0:22:14 which is kind of wild.
0:22:17 So, they’re definitely, you know, you could definitely
0:22:20 look at the style of a website you liked and say,
0:22:23 “Hey, let’s like, you know, create something like that.”
0:22:24 And you could do that.
0:22:26 So, that’s exciting and a little bit scary
0:22:28 that anyone could just probably, you know,
0:22:29 pretty soon just copy your website like that.
0:22:33 So, Bolt, when I said CrateLore.com,
0:22:35 it didn’t look at the existing website.
0:22:37 It definitely like just went off and decided to be creative
0:22:40 and like, you know, decide what it thought that would be.
0:22:43 It’s like, it’s created a course website here, I guess.
0:22:46 It says I have over a thousand active courses
0:22:48 and over 50,000 students, which is great.
0:22:50 Yeah, congratulations.
0:22:52 Yeah, maybe that’s what I should be doing.
0:22:57 And it’s got all these like featured courses down here,
0:22:59 right, which is actually got like images and stuff.
0:23:03 So, it’s pretty, it looks decent, but none of it works.
0:23:06 I mean, so I’m not sure, it is still a little bit hard
0:23:08 to figure out what the actual use case
0:23:09 would be for it right now.
0:23:12 Because if I’m a developer, maybe I would just,
0:23:14 I wouldn’t do this, you know,
0:23:16 I would just use my own templates and stuff
0:23:19 and get started that way or use cursor, probably.
0:23:20 If you were somebody who’s non-technical,
0:23:23 yeah, you could use this, but if it doesn’t actually work.
0:23:26 No, I mean, the thing you showed,
0:23:28 like those simple like Python app, that’s cool.
0:23:29 Like if you can actually make stuff like that
0:23:31 for you that actually works.
0:23:33 It seems like they all sort of still struggle
0:23:35 with creating really decent UIs.
0:23:38 Here’s what I think each of these things are good for, right?
0:23:40 I actually think Bolt is really, really good
0:23:42 for creating simple apps.
0:23:44 Like you can see on my screen here,
0:23:46 this was a prompt, create a simple app
0:23:49 that converts WebP files to JPEGs, right?
0:23:52 One prompt, didn’t have to prompt it again,
0:23:54 and it created it, right?
0:23:55 WebP to JPEG converter,
0:23:57 you drag and drop your files right into here,
0:24:00 it’ll convert the WebP files into JPEGs, right?
0:24:02 If you need a really, really simple app for your business
0:24:04 to just sort of solve a bottleneck
0:24:05 that you’re running into,
0:24:10 you just have like a quick idea of something
0:24:13 that a pretty simple script can solve for you,
0:24:15 Bolt seems really, really good for that.
0:24:18 Replit AI also seems like it probably
0:24:20 be pretty good for that.
0:24:23 We’ve only tried Replit AI on this episode
0:24:26 to try to do like a website design.
0:24:27 We didn’t really try it for a basic app,
0:24:29 but I bet you Replit would probably be
0:24:31 just as good if not a little bit better
0:24:33 than Bolt at creating those apps,
0:24:36 just because it does seem to get your feedback
0:24:37 as you go, right?
0:24:39 It was, you’d probably say make me an app
0:24:43 that converts a WebP file to a JPEG,
0:24:44 and it would probably say,
0:24:48 do you want it to be able to select where it saves to?
0:24:50 Do you want it to be colorful?
0:24:52 Do you want, like it’d probably give you some like
0:24:55 extra prompts that you could answer the questions
0:24:57 so that it gets more detail.
0:24:59 So something like Bolt and the Replit AI
0:25:01 would probably be really, really good for that.
0:25:05 When it comes to like creating user interfaces,
0:25:09 I feel like that’s sort of what V0 was more designed for.
0:25:12 I feel like when I first heard about V0,
0:25:14 like almost a year ago,
0:25:16 that’s what they were really sort of promoting it as.
0:25:19 They were promoting it as like a really good tool
0:25:22 to create some like solid user interfaces.
0:25:24 And of all the tools that we used,
0:25:26 that was the one that it was clean.
0:25:28 It was really simple.
0:25:29 You said it had some like animated graphics
0:25:31 when you first loaded the page.
0:25:34 Like that was the one that seemed to sort of nail
0:25:36 a UI right out of the box.
0:25:37 The very first time you tried,
0:25:40 the UI looked pretty decent right out of the box.
0:25:44 And then the craters of the V0, Vercel,
0:25:46 they’re also the craters of Next.js,
0:25:49 which is like become the most popular framework
0:25:51 for creating apps, web apps.
0:25:54 So I think where V0 probably would be the best
0:25:57 is if you are a developer and you’re creating a new website,
0:25:58 this is probably a great way
0:26:01 to like jump-start the website’s development, right?
0:26:03 Versus like people before might just have a template,
0:26:04 but sometimes a template doesn’t fit
0:26:05 what you’re trying to do now.
0:26:07 So instead of doing that,
0:26:09 maybe this replaces having your own template.
0:26:12 You go in there, describe what you’re going to build,
0:26:14 have it build the basic frameworks,
0:26:17 the basic layout and make it look decent.
0:26:18 And then you go in there and actually add the content
0:26:20 and make it do what you want it to do.
0:26:22 Replit, AI agent, even though it probably had
0:26:25 the worst design, but I do see like possibly
0:26:27 the most potential in how it’s doing things
0:26:29 in terms of you’ve got this AI chatbot
0:26:30 that you keep going back and forth with.
0:26:32 So instead of having to go code it yourself
0:26:34 with like cursor or whatever,
0:26:36 like you really can just kind of go back and forth,
0:26:37 like here’s the project, here’s,
0:26:40 and then I love it to ask you what features you want.
0:26:41 Yeah, yeah.
0:26:42 It didn’t work perfectly,
0:26:45 but I did do this with my son and it did actually work
0:26:48 where you could like log in and create a database
0:26:50 and you had like a login system and everything.
0:26:52 I think eventually for like more serious projects,
0:26:55 I think the Replit way is the interesting way
0:26:57 to approach this where you’ve got a project manager
0:26:59 that you chat with and make sure you’re getting
0:27:00 what you want and go back and forth
0:27:02 and then you eventually land on,
0:27:05 making sure you’ve got all the features you need.
0:27:07 And then WebSim, I’ll just say one thing about WebSim.
0:27:10 WebSim I feel like is really good is if for like,
0:27:13 maybe you have a domain name that you don’t know
0:27:16 what to do with, go plug the domain name in
0:27:18 and let it figure out what the site’s going to be for you
0:27:21 because that’s where WebSim I think like really shines
0:27:26 is just like being that sort of creative brain for you, right?
0:27:28 I type in lore.com.
0:27:31 It has no idea what your lore.com is,
0:27:33 but it went and created a site about Middle Earth
0:27:36 and Westeros and the continent and the wizarding world
0:27:40 and apparently I can search realms and creators and eras
0:27:43 and so it gave me an idea of what lore.com could be.
0:27:45 So if I have a domain, I’m like, I don’t know what to do with this.
0:27:49 This is a nice little idea generator
0:27:52 that’ll give me a little muck up, a little concept that I can use.
0:27:54 All of these let you download the code.
0:27:57 All of them, you know, you can go and put it on GitHub.
0:27:59 You can download it to your computer.
0:28:01 You can, you know, go and do whatever you want
0:28:02 with the code once it’s created,
0:28:06 but they all seem to have like their little pros and cons.
0:28:08 This is already so much better than a year ago.
0:28:10 So I do believe that when you combine that
0:28:13 with the fact that the underlying models are getting better,
0:28:15 that, you know, let the reasoning models
0:28:16 and things like that coming out from OpenAI,
0:28:18 they’re probably in a year.
0:28:20 These are going to be very, very good.
0:28:21 Like it’s going to surprise people.
0:28:23 And so if you’re in business,
0:28:24 I would be thinking about what that means
0:28:25 in terms of the opportunities.
0:28:27 Like what are you going to be able to do
0:28:29 with this new technology once it gets that good?
0:28:31 And also in terms of, you know, defending your business,
0:28:32 like what does it mean
0:28:34 when people can copy your website or whatever?
0:28:37 Yeah, I mean, you know, from a business perspective,
0:28:42 I think probably any of these tools are going to be fairly decent
0:28:44 at creating like little mini web apps
0:28:46 that you can get people to opt in for
0:28:48 if you’re just kind of giving away access for free.
0:28:54 So, you know, that’s where I feel like the state of AI is.
0:28:56 I think if I’m being honest right now,
0:29:00 I’m probably still going to use cursor more than anything else.
0:29:04 I still really like the sort of VS Code fork.
0:29:05 I like that look.
0:29:07 It’s familiar to me.
0:29:09 I kind of understand it.
0:29:12 Like I’m probably still going to use cursor most of the time.
0:29:16 But for people that, you know, they don’t want to see all that code.
0:29:18 They don’t want, like they just want to type a prompt
0:29:20 and have the code written for them.
0:29:22 These are some alternatives that are out there
0:29:23 that you can go play with.
0:29:25 They’re getting better and better and better,
0:29:27 like practically by the day.
0:29:30 You know, by the time this episode is even live,
0:29:33 they’re probably better than what we just showed off in this episode.
0:29:35 So it is still pretty impressive.
0:29:39 And I think, you know, a year from now,
0:29:42 these apps are going to be like absolutely mind blowing.
0:29:45 Like you probably will be able to prompt a whole SaaS company
0:29:46 into existence, right?
0:29:50 Like I think that’s probably going to happen by like next year.
0:29:52 So really, really exciting advancements.
0:29:54 Really fun to play with.
0:29:56 I mean, like you can lose yourself for hours
0:29:59 just playing with these and going that didn’t work, fix it,
0:30:01 and then eventually kind of get it.
0:30:02 And there’s something fun about that.
0:30:06 Like I don’t know why, but like creating a script
0:30:08 and getting it to generate something for me
0:30:10 and then going it didn’t work.
0:30:11 Maybe we try this.
0:30:14 That worked, but also now I want to add this feature
0:30:17 and just sort of having these conversations back and forth
0:30:20 and seeing like a concept that you had in your mind flesh out
0:30:23 into something that’s actually usable.
0:30:24 Like it’s a dick thing.
0:30:25 It is really, really, really fun.
0:30:28 Well, that’s always been the most exciting thing about coding
0:30:30 that most non-coachers don’t realize.
0:30:32 Like that is the magic of like you got something in your head.
0:30:35 Now you go code it and then you make it real.
0:30:38 And for a lot of people who were not super obsessed with coding,
0:30:40 the whole part in the middle is not actually
0:30:41 the interesting part.
0:30:42 Yeah.
0:30:44 The part that’s interesting is like idea it’s real.
0:30:47 That’s the part that’s super addicting.
0:30:49 And so many people have never experienced that.
0:30:52 So I think that’s a big unlock for people is like
0:30:55 even people who have no technical skills soon will be able
0:30:58 to like go through that kind of creative process of like,
0:31:00 and you’ll be able to do the designs and stuff, right?
0:31:02 Like the design part will get baked in this too.
0:31:04 We’re like, okay, let’s flesh out like the color scheme.
0:31:06 Like you can imagine like one way like,
0:31:07 let’s figure out your color scheme first.
0:31:10 Like let’s, okay, you like these kind of pictures?
0:31:11 Okay, cool. Here’s your color scheme.
0:31:13 Here’s like your five colors, main color, secondary,
0:31:14 all this kind of stuff.
0:31:14 Accident.
0:31:16 Yeah.
0:31:17 That’s where this is all going to go,
0:31:17 where you’re going to be like,
0:31:19 it’s going to be an entire creative process
0:31:20 and you’ll be able to go through the entire thing
0:31:23 with the help of AI and make things how you want to.
0:31:24 And that’s so exciting.
0:31:26 So really, really exciting stuff.
0:31:28 We’re going to be experimenting with more tools.
0:31:31 Maybe a year from now we’ll do another episode
0:31:32 where we play with these exact same tools
0:31:34 and literally see how far they’ve come
0:31:38 because they will probably be unrecognizable by then.
0:31:40 So we’ll have to revisit that in a little bit.
0:31:42 But for this episode,
0:31:44 I think we’ll go ahead and close this one out.
0:31:46 Thank you so much for tuning in.
0:31:49 Make sure you subscribe to us wherever you listen to podcasts.
0:31:51 This one was a very visual episode.
0:31:52 So make sure you check it out on YouTube
0:31:53 if you’re listening to the audio
0:31:56 because we were showing a lot on our screen.
0:31:58 But also make sure you subscribe to us
0:31:59 wherever you listen to audio.
0:32:01 We’re on all of the audio platforms.
0:32:03 Thank you so much for tuning in.
0:32:04 We’ll see you in the next episode.
0:32:06 (upbeat music)
0:32:09 (upbeat music)
0:32:12 (upbeat music)
0:32:14 (upbeat music)
0:32:17 (upbeat music)
0:32:20 (upbeat music)
0:32:22 you
Episode 35: How effective are the latest AI tools for coding and app development? Matt Wolfe (https://x.com/mreflow) and Nathan Lands (https://x.com/NathanLands) take us through a head-to-head evaluation of Bolt, v0, Replit, and Websim.AI, analyzing their design, usability, and overall effectiveness.
In this episode, the hosts dive deep into the capabilities of each AI coding tool, sharing personal experiences and testing outcomes. From creating a Space Invaders game with Bolt to building a directory website for lore.com with Replit, they explore how these AI tools can transform the app development landscape. They also discuss the future of AI in enabling non-technical users to engage in creative design processes and the potential for AI to automate entire SaaS companies within the near future.
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) Using AI tools to clear business bottlenecks.
- (04:53) Using mini apps to streamline business processes.
- (06:39) Dall-E images converted to JPEG effortlessly.
- (11:24) Bolt struggles with image duplication, excels verbally.
- (17:15) Websim excels in creating user interfaces.
- (20:20) AI can replicate website design accurately, surprisingly.
- (23:02) Replit AI excels in web design and apps.
- (25:46) Websim creatively designs websites for domain ideas.
- (29:07) Turning ideas into reality through coding.
—
Mentions:
- Bolt: https://boltai.com/
- v0: https://v0.dev/
- Replit: https://replit.com/
- WebSim.AI: https://websim.ai/
Get the guide to build your own Custom GPT: https://clickhubspot.com/tnw
—
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