Loveable Co-Founder Builds an AI SaaS in 10 Min

0:00 hi everyone very happy to have Anton 0:02 here founder of lovable I think many of 0:05 you have heard of lovable but if you 0:07 haven't lovable allows you to make 0:09 websites and entire web apps using only 0:12 natur natural language they're also the 0:14 fastest growing startup in Europe and 0:16 today Anon is going to show us how to 0:18 use lovable to build an entire web app 0:21 from scratch thank you so much for being 0:23 here Anon it's a pleasure to talk to you 0:26 Ben I I know that you're helping the 0:28 community of people that want to build 0:31 businesses on top of AI and and I'm a 0:33 huge supporter of this getting more 0:35 entrepreneurs empowered with AI yes 0:38 we're doing the same thing in that sense 0:40 so can you give us a quick rundown of uh 0:43 what lavable is uh what you can do with 0:45 it and maybe you can share some uh cool 0:48 examples of things you've seen people 0:49 build so it's a lovable as an AI 0:53 software engineer and you can use it to 0:56 take your idea to if you're an 0:58 entrepreneur entrepreneur you get the 1:00 your whole business built on La lavable 1:02 in some cases there's also designers 1:05 that use it just to create just simple 1:07 websites like your portfolio website 1:09 your preferred Landing landing pages um 1:11 product managers do similar things 1:14 developers also use it because it's much 1:17 much faster than writing code is just 1:19 prompting is much much much faster and 1:22 um we're also seeing some use cases for 1:24 marketing where you want to test out 1:27 different messages and then you can just 1:28 ask an AI they in one minute you have a 1:31 a website full of great copy right 1:33 writing and 1:34 songs I I have one example where uh 1:38 Jacob clug he's like 21 years old 1:41 understands AI he's just built out an 1:44 lovable agency where he's shipped 12 1:46 full projects this last month and made 1:49 $200,000 pretty much so that was one 1:52 example I've seen H designers who have 1:56 had um talking to some clients of theirs 1:58 who are super frust with how expensive 2:00 and slow it is to pay for software and 2:03 then H so they had quoted $100,000 plus 2:06 dollars for one product and this this 2:08 designer Harry he just figured I can do 2:11 this myself with AI so he he shipped 2:13 that product for the customer instead of 2:15 them paying an old school uh software 2:18 agency to do 2:19 it those are some of the highlights with 2:22 LA amazing so even though it's natural 2:25 language of course there is a learning 2:27 curve in involved I guess and there some 2:30 people get getting really good at it 2:32 that can build softwares for companies 2:34 really fast yeah totally there's a 2:36 learning curve this this is a new way of 2:37 building um and um it's for this Co 2:41 coding has been like 0 five% of the 2:43 population can code um lavable can be 2:46 used by anyone but to master it it helps 2:50 to be technically inclined it helps a 2:51 lot to be technically inclined and what 2:54 helps even more is to have a lot of 2:55 devotion and really wanting to learn 2:57 this new way of buildings yes it's very 3:00 similar I guess to the the the space I'm 3:03 in the automation space we don't really 3:05 need to it helps if you have some 3:07 technical background but you don't 3:09 really need it to to build powerful you 3:12 know uh applications if you just put in 3:15 the work well and learn it for a few 3:17 weeks SL months so yeah it's very 3:19 interesting and it's good with AI TOS 3:21 like lovable you can always ask the 3:23 system like I don't understand can you 3:24 explain can you explain this part to me 3:26 and then that that actually accelerates 3:28 learning for most people a lot yes yes 3:32 EXA I I've used that in my in my 3:34 learning curve too I constantly when I 3:36 run into Roblox I use AI to solve it for 3:39 me yeah so I'd love you I love uh to see 3:43 how you actually build build something 3:46 so uh I don't know what we can build 3:49 today uh I I might have some ideas but 3:53 uh yeah do you do you did you ever hire 3:55 an uh software engineer to build 3:57 something for you 3:59 at the moment I try to automate 4:01 everything myself uh uh through through 4:04 these automation softwares but yes in 4:06 the past of course I I did a startup 4:09 before and we had six or seven Engineers 4:13 okay how was that how was that 4:15 experience to have seven 4:17 Engineers H it's it's it's it's it's 4:21 good in in in the sense that uh you know 4:25 you you in that era there was three 4:27 years ago uh when I there was no way I 4:30 so we needed it yeah but it's very hard 4:32 if you don't have a technical background 4:34 to really know what they're doing how 4:35 good they are uh Etc so if you have more 4:39 control over it which uh I have right 4:41 now because I have some automation 4:43 skills you can see there's a big upside 4:45 of actually understanding how these 4:46 systems work and the speed of deployment 4:49 when you need a new feature or something 4:50 you can build it quickly yourself so 4:53 yeah yeah yeah but I think IDE this is 4:56 that it's faster to do one person doing 4:58 everything with day 5:00 so that that build that build something 5:01 and um you you told me about you had an 5:04 idea of being able to post posting more 5:07 on 5:07 LinkedIn exactly so I'm I'm thinking 5:11 currently of building an automation for 5:12 myself which I want to build soon which 5:15 is uh because I want to be more active 5:17 on LinkedIn and a lot of times I have 5:20 ideas popping up in my head but I don't 5:23 have time to actually write out LinkedIn 5:25 posts Etc so I was thinking if I could 5:27 just leave a quick voice message 5:30 and through that voice message it can 5:31 write me a a LinkedIn Post in that 5:34 specific LinkedIn style automatically 5:37 for me would be amazing and I actually 5:39 have fine-tuned uh uh GPT on LinkedIn 5:43 post so it automatically s of takes an 5:46 idea and writes it out in the specific 5:48 tone of voice and format of a LinkedIn 5:50 post so I think that could be useful for 5:53 many other people so maybe we can try 5:55 and build a a web app out of it or a f 5:59 okay okay sound sounds good so a web app 6:02 where you have you put in an idea then 6:04 you get the well formatted articulate 6:07 Linkin post what's the best outcome 6:09 scenario if this if this goes really 6:11 well what would you use this for would 6:12 you um make a business out it or would 6:15 you sell that sell the idea first I'd 6:18 use it for myself but of course if other 6:20 people like it who knows yeah Mak sense 6:24 no but but I'm happy to see what we can 6:27 cook up and uh it's 6:30 using lavable it takes it it's not 6:33 instant just like the waying software in 6:35 general but we can get the first version 6:37 for sure so um I what I sometimes do is 6:41 that I like do a small sketch and then I 6:43 copy paste in an image of like how it's 6:44 supposed to look but this seems so 6:46 simple so you can probably just ask for 6:48 um an app where you put in an idea um 6:52 and you get a 6:55 LinkedIn generated by 6:58 AI uh do you have any input on the theme 7:01 or like how it should 7:03 look uh can you use an example my 7:06 current website as as sort of the the 7:10 design yeah yeah SS good that whoa so 7:13 that's B do this 7:15 one yes this one let's let's do it 7:18 should I do see that what's 7:22 here can 7:24 do so you can take a screenshot yeah wow 7:29 being 7:31 inspired uh 7:39 by so is there like a specific strategy 7:42 you should use when when trying to build 7:44 something like this or or you just get 7:47 started and and iterate from that that's 7:49 a great question I would I would um just 7:52 try the trial trial an error there is um 7:55 a few learning resources I I think if 7:58 you go to 8:00 their documentation there it links to 8:03 tutorials and similar and there you can 8:05 learn a few different um my best 8:07 practices so uh I I have to say I am not 8:11 the person at this point who's the best 8:15 in the world and using loveable to its 8:16 full potential so you should you you 8:18 could join the Discord community and 8:19 learn from the the absolute super users 8:23 um I just keep it simple I just say this 8:25 is what I want to get and I put in 8:27 screenshots often and uh then I I do a 8:31 very I have a very it approach yeah 8:35 what's happening right now yeah so 8:36 what's happening right now is it's cre 8:37 in the first version and since we want 8:39 to match this style it's spending a lot 8:41 of time uh this The Styling uh exactly 8:45 how it's supposed to look so this looks 8:46 like this looks a bit scary there's all 8:47 this code but soon you'll see that we 8:50 don't never need to look at the code we 8:52 can only look at the the application 8:54 itself so that's what we're going to do 8:57 incred yeah yeah and while we wait I can 9:00 just explain some more uh topics here so 9:03 what we're going to do is that we're 9:04 going to ask for changes iteratively to 9:07 the AI uh if there's any point a problem 9:10 then then then it is um a bit of an a 9:13 skill set to explain what you are 9:15 expecting to see and what you are 9:18 getting that and why that is not what 9:20 you want uh so that the system can re 9:22 understand like U what you mean and and 9:26 what what exactly what is not working so 9:27 that might happen uh we we will want to 9:32 add since we're using an AI for this 9:34 this is this is not just a website this 9:36 is not just a plain simple website we're 9:37 going to add something called super base 9:40 and that that is pretty much adding the 9:42 database and the things like the SE the 9:45 open AI connection so that's the 9:47 database in open a connection so that's 9:49 something we're going to connect once we 9:51 have the first UI um and then um and 9:56 when we're done we might just publish 9:57 this and launch and and start making on 9:59 on the app I guess amazing wow it's 10:02 exactly my style yes okay that's great 10:07 so do do you see anything instant you 10:09 want to change or should we just make it 10:11 uh connect the AI to this for this to 10:13 work let's see generate your link in 10:15 post enter ID select your preference I 10:18 so we can even select the 10:20 tone and Industry wow 10:30 wow yeah so I'm actually surprised there 10:33 it actually used AI somehow 10:39 uh how did that 10:41 work yeah it already did a pretty good 10:44 job maybe impressive template 10:49 let talk about the flowers so does that 10:57 work this looked like it was an AI 10:59 generating it but this is this is it 11:01 always templ so let's connect proper AI 11:05 here and what I said before is that we 11:06 can uh connect something called super 11:09 base and where what you normally do is 11:10 they you would say create a new project 11:12 but I did just create the project here 11:15 that I think is called LinkedIn post app 11:17 and then I so now I will connect uh that 11:21 that back database and AI connection 11:25 functionality so you all you do you just 11:28 have to click the button it 11:29 automatically adds in the so the AI is 11:33 now it's connected now I need to explain 11:35 I want AI I want um the generate 11:37 LinkedIn post button to become 11:41 uh to to to call it to use open AI let's 11:45 use AI when I press this 11:50 button open 11:53 there yes yeah I can see you have to 11:56 know what to instruct right 11:59 the the AI right because if you just say 12:02 use open AI it's not going to be enough 12:04 right there's not enough context right 12:06 it's I think you you say open air would 12:09 probably have worked um but I figured 12:13 that is as possible yes well it's like 12:16 it's like it's prompting in general 12:18 right you have to learn how to prompt 12:21 these models to actually get the best 12:23 output right and to do the right thing 12:25 yeah 12:26 yes and what what I said you here was 12:29 that I could select an elant uh 12:32 specifically and what this is a part of 12:35 this is actually about the new 12:36 functionality where I can edit the text 12:39 if I'm if I'm doing a marketing website 12:41 I probably don't want to ask an to 12:42 change everything I could say I might 12:45 want to change the parts of this with 12:48 the uh like how do you how how do you 12:51 say this um like like in web flow like 12:54 in web flow so yes then now the one as 12:57 soon as it's done I can uh 12:59 rename for example the entire product to 13:02 AI link 13:05 generator so you don't have to use the 13:08 prompt to to change every every text 13:11 Orly I can increase the size or the uh 13:15 the I I'll just discard 13:19 it so here I'm getting um I'm getting 13:24 something that I that's like not too 13:26 uncommon which is that uh there's an 13:28 error and what I do then is in this case 13:30 I just say try to 13:31 fix and that instruct the that sends all 13:35 of the problems and this is very when 13:37 I'm a software engineer myself right and 13:39 there's a problem uh I need to 13:41 understand what happened and try to fix 13:42 it that happens very often with it with 13:45 AI I think it happens um less often 13:49 because it's it's very good at writing 13:52 code is quite precise uh but it does 13:54 happen and then it's you go into debug 13:56 mode I call it and that that's 14:00 um usually just saying you know fix try 14:02 to fix it and they it sometimes it helps 14:05 to be to kind of ask questions and 14:07 yourself try to understand what's going 14:08 wrong and see if maybe you did something 14:10 wrong maybe I I set up I maybe I I have 14:14 ruined the super based 14:16 project there's a few different things 14:18 you can do if if there is an error but 14:21 normally you just have to say try to fix 14:24 it that's that's interesting but yeah I 14:27 can imagine if you have if you have a 14:29 technical background it could help you 14:30 debarb it a bit quicker right yeah 14:33 correct correct but what does this super 14:36 base exactly 14:37 do in in this scenario for example so so 14:41 here what we're doing I can I click here 14:43 and show you that we have something 14:44 called Edge function which are the 14:46 things that are used to call AI and here 14:50 it's called generate post this Edge 14:52 function that AI has created backend 14:55 functionality uh which is 14:58 um which in which in this case is just 15:00 one piece of uh code which is called 15:02 generate post and that uses openi that 15:05 that's what happens in this case you can 15:07 also use super base to set up 15:09 authentication Lo login so all the users 15:12 and on you can administer the users set 15:15 up email authentications for use for 15:18 logging in as and so on and so forth so 15:20 it has support for all of the things out 15:22 of the box and the lavable AI can 15:24 control all of 15:26 that okay so so actually what what 15:28 happened here is that um I I created the 15:31 connection to open AI but you you 15:33 actually need an AI an open AI API key 15:36 so I'm going to ask where sorry where do 15:40 I put the open AI API 15:48 key so that was the error no so the 15:51 error the error was here I click try to 15:53 fix and then the error was 15:57 solved no it's it's on okay uh so I want 16:01 to add an API key and then I need to put 16:04 in uh an open API key I have that in my 16:06 cboard history so I'm just going to pull 16:09 that out and push it push it in here to 16:11 the um so that it's um being able to 16:15 someone now someone always has to pay 16:17 for using open AI right the API key 16:19 handles that for us so now it should be 16:21 working so let's let's say um post about 16:24 flowers and a and it should be working I 16:28 I would not be surprised if there's 16:30 anything problematic here but actually 16:32 did work great so here is our full uh 16:37 link buire LinkedIn post generat link 16:40 buire yeah great name too yeah what if 16:44 you have anything you want to change 16:45 here happy to uh happy to take it 16:48 otherwise I can just go to LinkedIn and 16:50 I can post this straight off the 16:54 bat you're going to you're going to post 16:56 this one embrace the intersection of 16:58 nature 17:01 technology and do this do the the the 17:07 settings actually the dropdowns 17:09 yeah uh do they work that's a good 17:12 question so what do you want to have 17:14 here uh 17:15 educational um a short post and it's 17:19 about Industries AI exactly um I I I 17:24 will also want to generate a post where 17:26 I 17:27 published uh the 17:29 the 17:30 application so I'll I'll while I try 17:33 this I'm going to first publish it and 17:36 and now I'm going to put that 17:38 URL okay here's 17:42 lir um I'm going to put the URL of the 17:45 application itself so this is an 17:47 Standalone application it's already 17:48 hosted you can already use this fully 17:50 you can send it to your friends um and I 17:53 want the link in post about that back 17:56 exactly and so yeah generates your 18:00 LinkedIn post and add in the URL yeah 18:04 let's do this I didn't write this post I 18:13 did here we go Tiding news going to read 18:17 this and here we go I might drop this I 18:21 just dropped up the live with 18:23 when uhuh that's pretty good I T you of 18:27 course 18:29 are you hear Ben V 18:33 streno 18:42 yes great amazing I think correct here 18:45 we go yep so that's that's the live demo 18:49 of lovable and as you can imagine um 18:52 this makes it so much easier for 18:54 entrepreneurs and people to innovate 18:57 like in education 18:59 in um business and I think in government 19:02 as well you you don't need to be blocked 19:03 by software Engineers anymore yeah no 19:07 and and there there are just so many SAS 19:11 platforms and companies that I 19:14 think at the moment charge pretty high 19:18 seat-based prices that yes companies 19:23 very soon won't be having to pay for for 19:25 very expensive uh softwares when they 19:28 can get one or two people to build this 19:30 out in a few weeks right or even less I 19:34 heard this from a friend today he has a 19:35 super smart unpaid intern and he's being 19:39 much much much more productive than the 19:40 software Engineers that he used to hire 19:42 because he's the super smart intern is 19:44 using AI That's the we living in right 19:47 now incredible yes it's it's the people 19:51 I I try to tell everyone is like what 19:53 wherever whatever your job is or 19:55 wherever you work you should learn these 19:57 tools right automation and coding 20:00 because whatever you're going to do 20:02 you're going to create a lot of value 20:05 for businesses or or or for people so 20:08 yeah jump on to this so really really 20:11 interesting 20:12 and you could basically just publish it 20:14 and you have your website live right 20:17 just like that so what I did was I 20:20 pressed publish and then it asked me if 20:22 I wanted to uh launch this as well it it 20:26 asked me if I wanted to go to to 20:29 lavable uh launched at lovable which is 20:33 an app that we built with lovable of 20:34 course and you anyone can 20:37 submit to that link 20:42 Inspire can we actually add in my fine 20:44 tuned 20:45 model that's a great idea so before we 20:48 launch it we can build add in your 20:50 fine-tuned model so um let as can you 20:55 switch to the 20:57 model the 21:00 so you then you created the yes fine 21:03 tune model fine tune mod here we 21:06 go and see if so we just fine tuned on 21:09 LinkedIn post on really good exactly and 21:12 then we can see if I can do the same Pro 21:14 message again and get a better link 21:17 post I think that yeah then we make we 21:20 make our app a bit more 21:23 uh special I think otherwise it's more 21:26 like a a tat GPT prompt 21:33 right anything else you want would like 21:35 if do you think this is a well 21:37 converting converting website or do you 21:39 think there's anything else that should 21:40 be changed on the website the go to the 21:44 the the hero section yeah 21:49 like I just clicking all the buttons 21:51 yeah 21:52 yeah I mean we can we can improve it of 21:55 course like uh maybe an an image an 21:58 image in the section yeah okay so he 22:01 says it's he's updated the edge function 22:04 to use f 22:05 model and try the same the same Prom May 22:09 so I said something like uh I 22:14 just created an app with uh Ben at his 22:21 podcast and here's the 22:27 up we have to tell it I think what app 22:30 we 22:31 created generates LinkedIn 22:35 posts from 22:40 ideas okay hope it works 22:43 try see if it's 22:47 difference it might fail I hope not but 22:50 it has again if it fails we need to D to 22:52 fix it here we go you can see the tone 22:56 of voice changed a lot right much better 22:59 actually 23:01 yes you can book a handson session with 23:05 Ben I we didn't instruct that I 23:09 just I think this is a made yeah because 23:11 I I I put that in the fine two model 23:14 yeah right to put in a call to action 23:16 for me yeah that's great uh so I think 23:20 we need to post this one because it's 23:21 actually better than the last one 23:23 exactly 23:31 but that is actually a pretty I I've 23:33 seen a startup like this I think there's 23:36 someone who basically I'm pretty sure he 23:38 just fine tuned some models it makes it 23:40 really easy for people to create uh 23:43 LinkedIn posts you know that are sort of 23:45 in that format you can see with the 23:47 Emojis Etc uh from a from an idea so we 23:51 basically created that now in 10 minutes 23:54 yeah we did we did amazing 23:58 um yeah I I'd love to see more at Brar 24:03 building with AI if there's anything you 24:05 see that we can do to improve lovable 24:07 for this use case or anyone in the 24:09 community get back to me 24:11 so the Fe back we laun the launched 24:15 feature is is a way to get more exposure 24:17 once someone build their first product 24:20 and they want to get um make a real 24:21 business out of it I'm sure there's a 24:23 lot more we could do to help facilitate 24:25 that uh the building of real businesses 24:28 that 24:28 I I think I think it's really 24:30 interesting for for people in the 24:32 automation space too is if you have an 24:34 automation that can be replicated for 24:36 multiple companies that you run on naden 24:39 or uh uh relevant SII or make.com and 24:44 have the front end in uh in lva ball 24:47 with user authentication you can 24:48 basically build a SAS side of your your 24:50 automation solution in in a day right 24:54 which is is pretty incredible I think 24:56 there I have to play around a lot with 24:59 with with these tools I I I haven't done 25:00 it enough but thanks for showing me 25:03 because I can see it's extremely 25:07 powerful 25:09 yeah it was great to to sh thank you 25:14 Anon uh and uh if anyone uh wants to 25:18 wants to learn more and where where 25:21 what's the best place to to learn how to 25:23 use lovable the best way you you 25:24 mentioned the Discord Channel um there's 25:27 a there's a Discord Channel I I think 25:28 just using it having an objective of 25:31 something you want to build and keep 25:34 going at it is the best way to learn 25:36 this Discord Community there is um uh 25:39 our lovables Twitter posts a lot of what 25:42 people are building so lovable Dev on 25:44 Twitter is a good thing to follow 25:46 amazing thank you so much Anon that's a 25:49 pleasure take care have a great day bye