I Used AI To Build This $8,000/mo App In 18 Min (LovableDEV)

0:00 this website is making 0:01 $8,000 per month where you can log in 0:05 and then upload different PDF files then 0:08 do the modifications with PDF files and 0:10 download them hold on I'm lying not this 0:14 website but this website is making 0:17 $8,000 per month let me explain I went 0:20 to Indie hackers.com website and choose 0:23 the product section inside the product 0:25 section I choose the existing businesses 0:29 that generates from 3 to 30k per month 0:32 and inside this list I found this 0:35 website that generates 8K and then this 0:38 video I will show you how I created a 0:40 similar website step by step using Ai No 0:44 code tool let's go so let's go to 0:46 lavable dode and write a long long long 0:50 uh input in terms of what we want it to 0:54 build I inserted a message data on a 0:57 next GS website with dashboard with 1:00 clerk uh with Al with dashboard page 1:03 with PDF uh editing with uh uh file 1:07 limitations and so on and so forth but I 1:10 said uh do not do anything just just 1:12 read this and put this into your 1:14 knowledge base after that I inserted my 1:17 first prompt regarding like let's create 1:20 a landing page and something like that 1:23 and within 30 from 30 to 60 seconds 1:26 lovable is able to produce uh pretty 1:30 much beautiful landing page this is was 1:33 the first simple step but please keep in 1:35 mind lavable is not capable for working 1:37 with next GS they are using their own 1:39 framework with react and white on the 1:42 background so it will be their own 1:45 framework you won't be able to manage 1:48 and control these things unfortunately 1:50 but the rest of things are really really 1:52 really good and great okay so as you see 1:56 it's already added a dummy data to a 1:59 landing page which which is pretty damn 2:01 good because I know that uh many AI 2:04 editors is not doing that which is 2:06 really disappointing but these guys 2:09 managed to do these things so I started 2:12 building a second task where I said okay 2:14 let's build a dashboard page uh is just 2:17 an empty page uh in my initial 2:19 description so blable was able to handle 2:22 that just within I don't know 10 seconds 2:26 or something like that then I said okay 2:29 let's work on authentification with 2:31 clerk.com so once again I didn't provide 2:34 any information regarding clerk 2:36 regarding anything and lovable starts 2:38 trying to implement Clerk of course it's 2:40 created an error saying can you please 2:43 add clerk publisher key you have to go 2:45 to cler API copy uh the API key and 2:49 insert it here this is not the best 2:52 practice uh to be honest you can insert 2:55 it uh to a knowledge uh base uh it's 3:00 near the super base if you see uh on top 3:03 of the right and uh clerk is ready so 3:07 let's try to uh create our account um 3:12 once again keep in mind that when you're 3:15 working with EI tools nothing will work 3:18 from the first try this is the reality 3:20 so you will have to fix the bug and try 3:23 to understand what is not working 3:25 because our first issue with Clark was 3:27 uh the password was um to shirt and it 3:31 didn't return to us an error 3:33 notification uh the second issue was 3:36 that we were trying to sign in when we 3:38 didn't have the account and so on so 3:40 forth so uh AI especially lovable uh 3:44 will give you this errors and uh 3:47 sometimes you won't be able to make it 3:49 work so that's why a good life hack just 3:52 go to the next task skip notw working 3:55 functionality that's fine that's Absolut 3:58 it's not critical you can fix that later 4:01 on uh so that's why I went to uh the 4:05 next phase of uploading PDF 4:08 functionality connecting to amazon3 4:11 super base and all these kind of things 4:13 so AI said okay let's connect your super 4:16 base account and do all the magic on the 4:18 background so I went to my super base 4:21 and uh using this connect button I 4:26 managed to do the 4:28 connection uh scroll ring down yes let's 4:31 do the 4:34 connection it taking 5 10 seconds uh of 4:38 using all these things on the background 4:40 and super base is connected cool great 4:43 uh so this is our project and then let's 4:47 go to super base and check uh if the 4:50 connection was completed yes so we have 4:53 uh two tables that's been created by the 4:56 AI and looks like connection is working 5:00 but they are empty right now cool uh on 5:04 top of that uh I mentioned in my 5:06 description that we have to create some 5:07 kind of association with user ID uh via 5:10 Clerk and Via our database because it's 5:13 it's it's it's important because without 5:15 that we won't be able to do anything 5:18 okay cool uh so um then we have to uh 5:24 continue doing our troubleshooting and 5:27 implementing step by step these things 5:31 so uh I said okay let's 5:34 implement the first part user creation 5:38 sign up with clerk PDF upload 5:39 functionality and things like that um 5:43 once again clerk uh is will produce 5:47 errors so that's fine uh but uh recently 5:53 clerk starts working uh what you see on 5:56 the screen right now um I do not know 5:58 how they say magic works but sometimes 6:01 uh if you start working on some 6:03 different functionality it can fix a 6:04 previous box and issues so as you see on 6:06 the dashboard on the right you can 6:09 already upload the PDF file or at least 6:11 try to upload the PDF uh many times you 6:15 have to click fix fix fix uh sometimes 6:19 uh you have to go to chat GPT uh copy 6:23 the issue and ask it to do 6:25 troubleshooting this is by the way 6:27 another life hack if you're working with 6:28 lavable because what I've found 6:31 sometimes it uh can produce an uh issue 6:35 and jump into this infinitive Loop of 6:37 trying to fix the issue but it's unable 6:41 to fix that this is unfortunate but the 6:45 part of a troubleshooting process uh 6:49 it's just uh go to chat GPT clo explain 6:52 the issue and ask them to help AI to fix 6:56 that 6:57 okay let's go step by step with super 7:00 base right now and Implement uh a PDF 7:03 your component because EI said is 7:06 implemented but in reality it's not 7:07 implemented just a standard 7:09 hallucination from the AI which is which 7:12 is I think is okay nowadays if it can 7:15 fix that uh pretty quickly so that 7:19 that's fine let's take a look what we 7:22 have of course error that's fine once 7:25 again uh just do not forget to do a 7:28 troubleshooting after each step you have 7:30 to do a troubleshooting make sure uh 7:33 that your system is working make sure 7:35 that uh it can handle those uh things 7:39 that you're asking sometimes you have to 7:41 go to a super base change theirs 7:43 policies or do this manually it depends 7:47 on uh what AI output will give to you so 7:50 in my 7:51 case looks like it was able to handle it 7:55 by itself that's fine I can do the same 7:58 thing on super base but once again again 8:00 if I'm a person with zero coding 8:03 experience I have to rely on what CI is 8:06 writing for me okay let's go to the 8:08 database as you can see uh uh data uh is 8:14 uh 8:15 created um you can see this on this 8:18 schema okay uh so uh with the database 8:22 and let's go inside our database ahuh 8:24 it's empty let's go to another one um 8:28 it's empty too okay cool so uh some 8:31 functionality is working uh we fixed the 8:35 looks like the connection but uh the 8:38 data is not added 8:40 to uh super base that's fine once again 8:43 step by step troubleshooting this is 8:46 probably the most important skill that 8:48 you have to learn when you will work 8:50 with the AI tools you have to always and 8:53 always troubleshoot right now profile 8:56 created successfully cool let's go and 8:59 check uh what do we have into our uh 9:03 database uh so profile ID awesome yeah 9:08 finally we have a user that Associated 9:10 to a clerk great cool finally I figure 9:13 out what we need and fix that great now 9:16 let's uh upload something and call it 9:20 new and let's see if it will work of 9:23 course not did you expect something else 9:27 you just need to copy the and starts uh 9:30 doing the 9:31 troubleshooting um and within uh few 9:36 attempts and tries you will encounter 9:39 another issues and another and another 9:41 you will try to fix that once again if 9:44 you do not understand uh what it's doing 9:47 you have to go to chat GPT clo or 9:50 anything like that and see if it's added 9:54 the data to a database because um CLA or 9:57 chpd can give you another angle of 10:00 troubleshooting this problem so we have 10:03 a disabled Poli in a uh project 10:07 table and let's see what AI Will Set uh 10:11 okay the main changes simplified file 10:14 pass removing RLS mhm okay cool awesome 10:17 let's give it a try nope not working 10:19 okay so this is an error as you can see 10:21 in the database uh uhhuh yep uh we P 10:26 this is everything fine but here is the 10:30 error uh so I'm just writing what do I 10:34 have uh because uh AI is pretty smart 10:37 and it's uh explaining what they did 10:40 once again sometimes it will hallucinate 10:42 sometimes uh you have to use another eii 10:46 providers uh to do a troubleshooting 10:49 this is once again this is the reality 10:51 guys so I'm just doing a real 10:53 troubleshooting right now uh with my 10:56 team and we just uploading a different 10:58 documents catching sometimes the same 11:01 sometimes different 11:02 errors uh finally we managed to upload 11:06 something great let's uh let's celebrate 11:11 I 11:12 suppose failed to L great awesome so uh 11:17 in couple of attempts uh and all these 11:20 fixes uh I was managed to fix that so 11:23 now we can see a PDF 11:25 file and do not forget to use um Google 11:29 console to track the issues that you 11:32 face sometimes you have to copy them 11:35 because they will help you to manage and 11:38 handle all these kind of things do not 11:40 forget to copy them explain what what is 11:42 the issue is and so on so forth because 11:46 this is uh how you will work with the AI 11:50 uh try to um do a troubleshooting try to 11:53 ask AI add as much as possible um issues 11:58 inside the different outputs into the 12:00 console log everywhere so you can catch 12:03 those issues and understand what's going 12:06 right what's going wrong on top of that 12:08 uh I'm writing something like I'll WR 12:10 PDF is visible but editing function is 12:13 not working keep in mind that um if 12:16 something is not working that's fine uh 12:19 just use a plain text to explain what's 12:22 not working copy the error issue and 12:26 insert it to a chat and AI will start 12:29 trying to fix these issues uh by the way 12:33 I remember um when I did that uh another 12:37 issue appeal that um 12:39 AI at some point decides to break 12:42 functionality that was already working 12:44 that's also part of troubleshooting 12:46 process so uh not always it will produce 12:50 a clean working code sometimes you have 12:53 to uh troubleshoot the issue that was 12:56 already solved so just using a plain tax 12:59 explain that the functionality uh that's 13:01 been working previously is not working 13:03 so it can make a reverse back so as you 13:05 can see right now uh we see the PDF 13:09 files um and uh we want to addit page um 13:15 the thing is when I did this editing uh 13:18 troubleshooting I found out that uh 13:21 react uh libraries by default is not 13:23 working they're working but not as uh 13:27 they supposed to do so uh the logic 13:30 behind the scene is like I transform the 13:32 PDF into HTML edit the HTML and then 13:35 transform the HTML back into a PDF yeah 13:38 I know it's it's uh 13:41 um maybe not the best way but it's fine 13:44 so once again this is a continuation of 13:47 troubleshooting and then I encounter 13:50 this um this yes as you can see on the 13:54 screen when I was trying to edit 13:56 something it starts producing uh um I 14:00 don't know what that where did it take 14:04 these 14:05 things um probably this is the part of 14:09 AI hallucinations or reality and then it 14:12 starts making these 14:14 things yes um so I was trying to explain 14:18 please do not do these things because uh 14:21 the text is too big I don't know so it's 14:27 a lost understanding of um uh by the way 14:31 as you see on the screen right now the 14:33 positioning uh is incorrect uh so you 14:36 see the a lot of blank space so um then 14:41 I decided to explain these things to the 14:45 AI by the way just using a plain text 14:49 explaining that hey buddy this is uh not 14:53 how it's supposed to be as you see uh on 14:56 the screen uh there's a tons of issues 14:59 uh with the positioning and things like 15:01 that and uh after a few attempts uh AI 15:06 was able to fix that so once again uh 15:11 developing using Ai No code tools uh 15:16 it's just about doing troubleshooting 15:19 you explaining using text what's need to 15:21 be done and then uh you using console 15:25 log using uh different errors using 15:27 different uh AIS you're doing 15:29 troubleshooting again and again and 15:32 again and again this is how you would be 15:35 able to produce something as you see on 15:38 the screen right now so I I'm explaining 15:40 like there's a pixel uh positioning 15:42 issues and uh these kind of things 15:46 so and then uh I'm saying okay can you 15:49 please fix that um and uh within few 15:54 attempts a I was able to fix that 15:56 finally so as you see on the screen this 15:59 this works perfectly fine and uh to be H 16:02 and of course you can download it uh 16:05 check it uh let's check yeah awesome 16:09 blank empty of course then we have to 16:11 continue our troubleshooting so uh 16:15 within few additional attempts and spend 16:18 to be honest I spent a few hours of uh 16:21 doing these things with my team and uh 16:24 we managed in the end achieve uh this 16:28 results that you you see on the page uh 16:30 just a landing page login with the um 16:34 clerk then you can upload bunch of 16:37 different uh PDF documents and then uh 16:40 you can do the modification and uh 16:42 upload it back once again uh this AI 16:46 Tool uh you can polish it you can make 16:48 it perfect it's just a matter of time 16:50 and a matter of effort but uh as I 16:53 showed to you that all these things is 16:56 pretty easy simple and straightforward 16:58 it's all about troubleshooting right now 17:00 nothing more by the way you know what's 17:02 killing most micro SAS startups 17:05 information overwhelm that's why people 17:07 get stuck before they even start but 17:10 that's not even the worst part instead 17:12 of building your actual product you 17:14 waste months setting up strip payments 17:17 creating landing pages configuring 17:20 emails optimizing SEO adding metat 17:23 attacks creating sit map setting up 17:25 block managing databases building user 17:28 app house designing user profiles and 17:31 fixing infinitive bucks that's why most 17:34 people give up but I've been through 17:35 this pain 15 times I spent hundreds of 17:38 hours on these repetitive tasks but I 17:41 knew there had be a better way so I 17:44 built the micro SAS fast starter kit a 17:47 complete SAS starter kit that helped me 17:50 launch three successful projects making 17:52 over $10,000 already that's why I'm 17:55 sharing this with you now but here's the 17:58 twist you don't need to waste months 18:00 building basic features that are already 18:03 done and you don't need to spend weeks 18:06 over thinking about minimum features set 18:10 for a quick launch one week with my 18:13 ready to use infrastructure and you can 18:15 start making money from your micro sess 18:18 today Link in the description see you 18:21 guys