Lovable: the best AI app builder in the world

0:00 my name is David Andre and in this video 0:01 I'm going to teach you how to code 0:03 anything with AI the popularity of AI 0:06 programming is absolutely exploding 0:07 building your own software has never 0:09 been easier but just like with the 0:11 internet and Bitcoin most people are 0:13 going to miss out so don't be one of 0:15 them watch until the end and start 0:17 coding with AI Now by far the easiest 0:20 way to build software with AI is with 0:22 lovable so go to lovable. or use the 0:24 link in the description and simply 0:26 describe what you wanted to build so I'm 0:27 going to paste in my prompt and I'm 0:29 going to hit run so I told it build it a 0:31 daily time tracking web app with these 0:32 features landing page dashboard and then 0:35 I describe the details but the final 0:36 sentence of my prompt is the most 0:37 important start by building a clean 0:39 Visual and intuitive UI as you can see 0:42 lovable is already working and at the 0:43 top we can even see the plan and there 0:45 is a list of 11 files it will create all 0:47 right so there it is loveable has 0:48 finished writing the 11 files of code 0:50 and boom this is our MVP look at that 0:52 from a single ProMed wow pretty good 0:55 landing page let's click on get started 0:58 okay so even the dashboard works this is 1:00 crazy guys a single prompt and we 1:03 already have the MVP all right but there 1:05 is a problem right now this MVP just 1:08 exists inside of my lovable account 1:10 nobody on the web can access it right I 1:12 I cannot send it to my friends I cannot 1:14 sell it to clients which means we have 1:15 to deploy the website deploying means 1:18 making it accessible to the internet you 1:20 know to everyone on the web with a 1:22 custom URL sounds complex I know but 1:24 it's actually very easy we're going to 1:26 be using lbl oneclick deployment process 1:28 which means even begin can easily do 1:30 this but since this is the first bit of 1:32 friction you know the first obstacle the 1:34 first barrier most people will already 1:36 drop off at this point so if you just 1:38 pay attention for the next few minutes 1:39 and do what I do exactly step by step 1:42 you'll be ahead of 90% of people who 1:44 will give up so let me show you how to 1:45 actually do this all right so let's go 1:47 back to loable and go to the top right 1:49 corner and click on the publish Button 1:51 as you can see our project is not yet 1:53 published since I started like 2 minutes 1:55 ago so click on publish and it's as 1:58 simple as that I'm telling you building 1:59 custom software has never been easier 2:01 and there it is Project is published so 2:02 we can click on this domain and boom 2:04 this is a custom domain on the web that 2:07 anybody can visit so let's click on get 2:09 started so here's our dashboard we can 2:10 add an activity I'm going to say 2:12 recording a YouTube video let's add it 2:15 it's right here and it's in the correct 2:17 time wow 11:15 to 11:30 that's insane an 2:21 MVP this good from a single prompt man 2:25 AI is improving so fast now let's say 2:27 you want to make further changes to your 2:29 web app well it's as simple as 2:30 describing in plain English what you 2:33 want loveable to do so I'm going to say 2:35 make the cards of the time blocks a bit 2:38 less tall and give them custom icons 2:41 that's it as long as you can type in 2:43 English you can build anything your mind 2:45 can imagine using lavable now we can 2:46 actually click on this little block and 2:48 you can see exactly the code as it's 2:50 being written but wow there it is so we 2:52 have custom icons that match whatever it 2:55 is and the height was a bit reduced 2:56 however there's another issue our 2:58 project doesn't have any any Version 3:00 Control which is very bad if you want to 3:02 work on it long term because if you 3:04 don't have Version Control you might end 3:06 up like this guy who lost four months of 3:08 progress because he didn't save the 3:10 versions of his project anywhere luckily 3:12 loveable makes this Ultra easy with 3:15 their oneclick GitHub integration so go 3:17 into the top right corner and click on 3:19 GitHub and then connect to GitHub and 3:21 you'll see this popup right here install 3:23 lovable and you can either do all 3:25 repositories or select specific 3:26 repositories up to you and then click on 3:29 install and authorize okay connecting to 3:31 GitHub and then click connect GitHub 3:33 once more and you'll see that now we can 3:34 create a custom repo in our project so 3:37 I'm going to click on this veal is the 3:38 name of my software by the way and boom 3:40 there it is a GitHub reposer is now 3:41 under your account this project is 3:43 connected to vectal /time Bubble tracker 3:45 so if you click on this it will actually 3:46 show up the exact repo on GitHub with 3:49 all of our code so everything that 3:50 lovable builds for us which by the way 3:52 you can see right here if you toggle the 3:54 code viewer all of this will be backed 3:56 up to our GitHub repo so even if you 3:58 work on this project for months or even 4:00 years everything will be safely stored 4:02 in your GitHub account now if you make 4:04 any changes and you want to make sure 4:05 that your custom domain reflects those 4:08 just click on the publish button and 4:10 then update which will redeploy the 4:11 project so that when you're on your url 4:14 you can reload and all of the new 4:15 changes that you did such as adding the 4:17 icons will be applied okay but now we 4:19 Face another issue if I created an 4:21 activity such as uh go to the gym you 4:24 know Fitness ad activity and then if I 4:28 reload the website so we can see it's 4:30 right here at the bottom but if I reload 4:32 it's not here why because our website is 4:35 only front end this is only the UI it's 4:37 only the front end we need to give it a 4:39 back end which means we need to store 4:41 our data in a database front end is what 4:43 the users see and interact with backend 4:45 handles the database and the core 4:47 functionality this is another Musto step 4:50 if you want to build serious software 4:51 that can be sold for thousands of 4:53 dollars so pay attention in order to 4:54 properly store the user's data we need 4:56 to connect our website to a database 4:58 lovable makes this super easy once again 5:01 thanks to their super based integration 5:03 and by the way I asked loveable to 5:04 sponsor this video and they agreed so 5:06 anyone that uses this link above will 5:09 get double the amount of credits so if 5:11 you want to try lovable yourself make 5:12 sure to use this link I'll also put it 5:14 into the description below the video 5:16 okay so let me show you just how easy it 5:17 is to connect a proper database to your 5:20 website thanks to lovable so in the top 5:22 right corner you'll see the super base 5:24 buttton click on that and then click on 5:26 connect super base this will pop up a 5:28 window where you need to give a lble the 5:30 necessary permissions to update your 5:32 database and by the way if you don't 5:34 have a superbase account just go to 5:35 superb.com and create one it's super 5:38 easy takes 20 seconds same with GitHub 5:40 don't let these things stop you from 5:42 building whatever you want to build I 5:44 know that if it's your first time doing 5:45 this all of these steps might be 5:47 intimidating and they might seem 5:48 complicated so if at any point in this 5:50 video you feel some friction or a bit of 5:52 overwhelm just take a deep breath and 5:54 continue you can do this Okay click on 5:56 the connect super base account and again 5:58 we see this popup click on authorize 6:00 lovable right so it's now it's 6:02 connecting to our super base and there 6:04 it is connection successful your super 6:05 base organization has been linked up 6:07 with your account select the project to 6:09 finish the setup okay so after you 6:10 connect your super base make sure to 6:12 just reload that way you can see your 6:14 projects over here now it seems like we 6:15 have some warning or error here check 6:18 project status in super base so let's do 6:20 just that I'm going to go to superbase 6:22 and since I'm already logged in again 6:24 just click on dashboard so there is 6:26 Project is paed okay this project will 6:28 not accept request until resumed all 6:30 right but I'm going to create a new 6:31 project so this is good because if 6:33 you're doing it for the first time you 6:34 can just follow my steps so inside of 6:36 super base click on new project and CLI 6:39 select your organization project name 6:41 lovable app database password here put 6:44 in a strong password for your database 6:46 region select the closest to you so 6:48 since right now I'm Czech Republic 6:50 Central EU Frankfurt is good and click 6:53 on create new project and boom there it 6:55 is literally 3 seconds later superbase 6:57 has created our new database project and 7:00 if we go back to lovable we should be 7:02 able to see it once we refresh oh there 7:04 it is it was already there okay so 7:06 lovable app and click on connect connect 7:08 and there it is you can see our lovable 7:10 app project has been connected which 7:12 means that lovable now has access to our 7:14 dashboard managing users SQL editor Edge 7:17 functions managing secrets and much much 7:19 more basically it can operate everything 7:21 in super base just as a expert back and 7:24 engineer w we can do that just by 7:27 prompting lovable so let me show you in 7:29 the top left corner click on back to 7:30 project and all I'm going to do is 7:32 describe in plain English what I want 7:34 lavable to perform so I'm going to say I 7:37 just connected the super base make sure 7:41 to now create a proper back end for our 7:44 app so that our data is securely stored 7:49 keep it simple boom now while the AI is 7:52 doing the coding if you have 2 seconds 7:54 please make sure to subscribe currently 7:56 only 26% of you are subscribed so if you 7:58 want to see more more AI videos on your 8:00 YouTube page click the Subscribe button 8:02 below and just like that lovable is 8:04 getting to work writing custom SQL 8:06 queries which it will execute in the SQL 8:09 editor in superbase but since we have 8:12 connected superbase to lble we don't 8:14 have to do any of that we don't have to 8:15 worry if this is done right or you know 8:17 if there's some mistake loveable takes 8:19 care of all of that okay so if it's 8:21 doing SQL commands it needs to apply the 8:23 changes that's because this is a risky 8:25 thing right if you already have a 8:27 database with lots of users you want to 8:29 be really careful if you're running SQL 8:31 commands but since this is a new project 8:33 with no back end I can just safely apply 8:35 these without worrying too much about it 8:37 all right so loveable said great the SQL 8:39 migration has been executed successfully 8:40 so let's see what it's doing okay so I 8:42 think it's rewriting our front end yeah 8:45 as you can see it's rewriting the front 8:46 end files so that they actually use the 8:48 data from the back end because right now 8:50 all of this data is fake you know like 8:51 this is just mockup data that it created 8:54 in the front end this isn't stored in 8:55 the back end so now it's rewriting the 8:57 front end so that the UI and the design 9:00 stays the same right like we want to 9:01 keep the icons the colors the hovering 9:03 stuff stuff like that but we want to 9:05 replace all of this data to be stored in 9:07 our actual database now if we go to 9:09 superbase and we click on the table 9:11 editor we can see the activities right 9:12 here so right now obviously the table is 9:14 empty since we haven't created anything 9:16 yet but if you want to see a 9:17 visualization you can click on database 9:19 and there it is so each activity has an 9:21 ID a user ID task name description 9:24 category start time end time and created 9:27 ad this is what our database table looks 9:29 like and all of that will set up by 9:30 lovable all right so let's go back and 9:32 it seems like lovable has finished 9:33 integrating the back end now you have a 9:35 fully functional app with super based 9:37 integration I've added authentication 9:38 with sign up and sign in functionality 9:40 this is crazy because that was literally 9:41 my next step so it already did that 9:43 without me even mentioning anything 9:45 about authentication pretty amazing 9:46 protected rootes that require login 9:48 database integration for storing and 9:50 retrieving activities user specific data 9:52 with row level security to test the app 9:54 you need to create an account first then 9:56 sign in all right so let's do just that 9:58 so we have our updated app on the right 10:00 so let's click on sign in which by the 10:02 way wasn't there before and since this 10:04 is our first time we need to sign up 10:06 actually and I'm going to create my 10:07 email David david.com and password 10:11 lovable is great create account okay 10:15 account created successfully you can now 10:16 sign sign in with your credentials so 10:19 let's click on sign in okay so I'm 10:20 getting the error email is not confirmed 10:22 so whatever email you put in here you'll 10:23 receive a confirmation email where you 10:26 confirm that you're the owner of that 10:28 account so there it is this is what the 10:30 confirmation email looks like so let's 10:32 click on this link and we have an error 10:34 let's not panic all I'm going to do is 10:36 I'm going to copy this link I'm going to 10:38 go back to loable I'm going to paste 10:40 this and I'm going to clearly describe 10:42 what this error is and how it happened 10:45 right this is literally all you need to 10:46 do you need to type in English you need 10:48 to have some initiative you know some 10:49 ambition an idea and to work e to pursue 10:52 it and when you encounter errors you 10:54 need to clearly and precisely describe 10:57 the error and how it happened okay do 10:59 not take the errors personally even the 11:01 best programmers in the world encounter 11:03 errors on a daily basis so I'm going to 11:05 say I tried signing up with the new off 11:10 you added however it said email is not 11:15 confirmed and I'm just going to copy the 11:17 entire content of the email because why 11:20 not this is what it looked like I'm 11:23 going to paste in the entire email I'm 11:25 going to 11:26 separator however once I click on that 11:29 link I get this error I'm going to take 11:32 a screenshot it's actually one thing I 11:34 haven't showed you yet lovable can 11:36 accept screenshots as the input right so 11:38 anytime like an error happens just take 11:40 a screenshot but also if you want to you 11:42 know copy some UI element let's say I 11:44 wanted to recreate something like this 11:46 you know a UI similar to this schema 11:48 visualizer I could just take a 11:50 screenshot of this and paste that into 11:52 lovable as well and say create a 11:53 component similar to one on the 11:55 screenshot very op make sure to utilize 11:58 screenshots anyway anyways let's go back 11:59 to loveable and say okay however once I 12:02 click on that link I get an error C 12:05 attached screenshot all right and then I 12:08 paste it into the URL I'm going to say 12:09 please explain what this error is in 12:13 simple terms and then fix it like a 12:17 senior developer would boom so this is 12:20 literally the process I follow when 12:22 using AI to code and when fixing errors 12:24 you need to clearly and in detail 12:26 describe what the error is how it 12:29 happened you know how to recreate it and 12:31 then the AI will do its best to fix it 12:33 so let's see let me fix this by 12:34 implementing a proper email confirmation 12:36 flow okay so there it is edited threee 12:38 files what's been fixed email okay added 12:41 code properly handle to redirect URLs 12:42 when users click on confirmation emails 12:44 so I think the best thing is just to try 12:46 it 12:47 again okay so now it worked I literally 12:50 just typed in the same credentials and 12:53 it logged me into the app so let's add 12:56 our first activity I'm going to say 12:58 swimming 12:59 and this is related to Fitness and act 13:01 activity and now let's check our super 13:04 base table let me reload this we should 13:06 see there it is the activity swimming 13:09 has been saved to our back end so if we 13:12 go to our URL actually what we need to 13:14 do is we need to redeploy it so let's 13:16 click on publish and update but even 13:19 when I reload right here right let me 13:21 reload if I sign in again boom signing 13:24 in there it is swimming is stored in our 13:26 database and just like that we've added 13:29 a proper database back end to our web 13:32 app loveable couldn't have made this any 13:34 easier to be honest all right so our app 13:36 has finished deploying so now we can use 13:37 our custom domain and let's try 13:39 something I want to see if every user 13:42 has separated activities properly so I'm 13:45 going to use a different user and 13:46 actually we need to sign up and let's 13:49 see if our activities are properly 13:50 separated all right so there are I don't 13:53 see any activities here even though we 13:55 have the swimming task name or whatever 13:57 in our other account so if I add let's 14:00 say I don't know walking outside I'm 14:02 going to do it's my personal time add 14:05 activity I should see it right here in 14:07 the super base table however as you can 14:09 see it's under different user ID so in 14:12 one go loveable did two things it added 14:15 a proper database on the back end and it 14:18 also added authentication and honestly 14:20 I'm a bit surprised because I was 14:21 prepared to do this in two separate 14:23 stages first adding the back end and 14:25 then adding authentication but loveable 14:27 just decided to do it all at once and 14:30 did it successfully I mean look guys 14:32 building custom software has never been 14:34 easier I know I sound like a broken 14:35 record but so many of you are still not 14:38 doing something with this information 14:39 this is like a first time in history 14:41 where you can literally type few 14:43 sentences in English and get custom web 14:45 apps fully deployed with back end 14:47 authentication Version Control and much 14:49 much more within a matter of minutes and 14:51 just by using loveable this is why 14:54 everyone in the world should know about 14:55 the software lovable is the software 14:57 that helps you build new software all 14:59 right so now you might be thinking but 15:00 David you the app is great it's super 15:03 easy to connect the back end you know 15:04 connect it to GitHub adding 15:05 authentication was also super easy level 15:07 is great but the app doesn't make money 15:10 right we want to actually build an app 15:12 that we can either sell to clients or we 15:14 can just scale as a consumer app to 15:17 thousands of users so we need to connect 15:19 payments so now it's time to add 15:21 payments again loveable makes this super 15:24 easy all you need is an active stripe 15:26 account so here is how to do it so 15:28 obviously we need to go to stripe.com 15:30 and on there we need to create an 15:31 account if you don't have an active 15:33 stripe account just fill in your email 15:35 address and click Start now this one 15:37 takes like 5 minutes you know usually 15:39 signing up takes like 30 seconds but 15:41 stripe you might need to upload some 15:42 documents stuff like that to verify that 15:44 you're real person since this is a 15:46 software that accepts payments once you 15:48 do have an account you should see the 15:49 dashboard button right here when you 15:51 click that you'll get redirected to the 15:53 stripe dashboard now in the stripe 15:55 dashboard it's important that you enable 15:57 test mode this lets us easily test 15:59 everything the entire payment funnel 16:01 with fake data making sure everything 16:03 works and then once you confirm that 16:05 everything is working correctly you just 16:06 replace the test mode links with the 16:08 real ones so let's say this is your 16:10 first time and you don't know anything 16:12 about the stripe dashboard or how to 16:13 connect strip payments well all you need 16:15 to do is ask lovable right as it says 16:18 literally says in the chat ask lovable 16:20 how do I connect stripe payments into my 16:24 app I just created a new stripe account 16:29 and I'm logged in dashboard I also have 16:33 enabled the test mode to integrate strip 16:36 PS into your app you'll need to create a 16:38 secure backend connection using 16:39 superbase Edge functions let me guide 16:41 you through the process first you'll 16:43 need your stripe API key where do I find 16:46 the stripe API key in the dashboard oh 16:50 it actually even gave me the link right 16:51 here let's click that okay never mind 16:54 this was even easier than I thought I 16:56 didn't even need it to ask this question 16:57 because it literally gave me the link 16:59 right here all right lovable never 17:01 ceases to amaze me I guess there's a 17:03 reason why lovable is the fastest 17:05 growing startup in Europe okay so once 17:07 we're in the dashboard with the API keys 17:10 and by the way make sure you have test 17:12 mode enabled we can see our publishable 17:14 key and our secret key so I'm just going 17:16 to literally copy this I'm going to say 17:19 publishable key boom do not share your 17:22 keys with anybody obviously these are 17:24 test keys but still treat your API Keys 17:27 just like you treat your passwords 17:29 hopefully in a password manager 17:30 hopefully not shared with anybody else 17:33 I'm going to ask it do you need anything 17:36 else from me if not update our code base 17:41 so that we have stripe payments 17:44 implemented I'll help you integrate stri 17:46 payments into your time blocks app let 17:48 me first save your API Keys as a secret 17:50 in superbase okay we'll need to create a 17:52 super base Edge function to handle 17:53 Payment Processing securely front end 17:56 components for the payment flow 17:58 integration okay okay so here is some 17:59 SQL it will need us to review so I'm 18:01 going to apply again if you're doing 18:03 this on a project that's already running 18:05 make sure to actually review this 18:07 properly right do not just blindly apply 18:10 it is a fast way to build an MVP but 18:12 also it's a fast way to run into issues 18:14 long term obviously the the more serious 18:16 you are about a project the longer 18:19 you're building on it the bigger the 18:21 goals you have for your web app or for 18:22 whatever software you're building the 18:24 more you should try to understand the 18:26 code right if you are just building a 18:28 quick MVP 18:29 to get your hands wet or get your feet 18:31 wet whatever then sure you can just 18:34 accept all and get through it but the 18:36 more serious you are let's say you want 18:37 to build a real AI startup you have to 18:39 actually dedicate some time into 18:41 learning the basics again you don't have 18:43 to understand the nextjs or python or 18:45 all the syntax but you probably should 18:46 know what each file does right like when 18:48 I go into the code viewer right here in 18:50 lovable you should be able to know like 18:52 why we have in index HTML why we had the 18:54 read me file what main. DSX does and 18:57 stuff like that you should have a rough 18:58 idea of how your codebase works that 19:00 being said lovable already executed 19:02 these SQL queries so let's see what it 19:04 did create table public payments so we 19:06 should see a new table right here 19:08 payments there it is so we have 19:09 activities and payments alter table okay 19:11 so it enabled roow level security that 19:14 way only one user can access his 19:17 payments and not the other users 19:18 payments you know that would be a major 19:20 security flaw create policies so it also 19:22 created some policies so if we click on 19:23 authentication and policies we we see 19:26 that we have a bunch of them right here 19:27 so these are for the activities table 19:30 delete users can delete only their own 19:32 activities users can insert their own 19:34 activities okay but for payments user 19:37 can create payment records and user can 19:39 view their own payments okay so these 19:41 policies make sure that our backend is 19:43 properly secured that way someone cannot 19:45 use a different users's account or you 19:47 know see their activities seems like the 19:49 code has been altered but we have an 19:51 error so all you need to do is literally 19:53 click on try to fix and you can even 19:55 click on the error to see what happened 19:57 right module sooner has no exported 19:59 member used toast okay so should be a 20:01 pretty simple fix the error occurred 20:03 because we try to import used toast from 20:06 soner but it doesn't export a used to 20:08 function I fixed the error by replacing 20:11 the import all right so I'm going to ask 20:14 it how do I test that the stripe 20:16 payments work you can literally get 20:18 loveable to help you test your app as 20:20 well and I wouldn't be surprised if in a 20:23 few months lovable could actually do 20:25 this for you that it would run the tests 20:27 after any major change it will suggest 20:29 like hey David we made this change you 20:31 know we added stri payments I suggest we 20:33 do these two tests would you like them 20:35 to run them for you and you just click 20:37 on accept and it will do that this is a 20:38 pretty safe prediction especially with 20:40 how fast The Lovable team is shipping 20:42 updates so let's see to say stripe 20:44 payments in t okay set up stripe test 20:46 mode okay you've already using the key 20:49 go to payments flow okay payments page 20:52 so let's click on okay there is no 20:54 upgrade button so I'm going to say there 20:56 is no upgrade button in our app make 21:00 sure to add a 21:02 big visible button when the user is in 21:06 the dashboard okay so now it's adding 21:08 the upgrade button should be a pretty 21:10 simple change we just need the users to 21:12 upgrade from the free plan to the Pro 21:14 Plan you know just like inside of veal 21:16 which is my AI startup you can use it 21:17 for free there are some features that 21:19 are paid only oh there it is wow pretty 21:21 good upgrade to time blocks premium 21:24 unlock unlimited time blocks analytics 21:26 and more upgrade now or upgrade to 21:28 premium right here here okay so I don't 21:31 know this is selectable obviously we can 21:32 easily change that but let's click on 21:34 pay now and we should okay payment 21:37 failed I'm going to take a screenshot of 21:39 this I'm going to say when I click on 21:43 pay now button in the upgrade model I 21:47 get this 21:49 error C 21:51 screenshot and by the way make sure the 21:54 user cannot change the dollar amount 21:58 which charge for the Premium plan 22:01 instead make that $15 a month 22:06 hardcoded enter okay so this is not 22:09 optimal problem engineering ideally you 22:11 would have it do one thing at a time and 22:13 then you know once it does that thing 22:15 properly you go to the next one but 22:18 let's see I think loveable can handle 22:20 two things at once so first obviously we 22:22 have the error which is the bigger issue 22:24 but then the users can change the amount 22:26 they're paying right that's mainly a UI 22:28 by UI issue okay so the edge function is 22:31 returning a 500 error because of a 22:32 missing stripe API key now what we 22:35 haven't done yet is we haven't created a 22:37 product so let's go to stripe dashboard 22:39 again and click on product catalog and 22:42 in here again make sure in test mode I'm 22:44 going to create a new 22:45 product I'm going to name it lovable app 22:49 premium and I'm going to give it the 22:50 price in US dollars at 15 a month let's 22:54 click on ADD product let's click on it 22:56 next hover over the price click on these 22:59 three dots and click on create payment 23:01 link this is a necessary step to make 23:02 sure that strip payments actually work 23:04 on your app in here you can customize 23:06 like whether you want to collect tax 23:08 automatically other Advanced options 23:10 stuff like that but once that's done go 23:12 to the top right and click on create 23:14 link and there it is this is your stripe 23:17 payment link let's copy that and we need 23:19 to give it to lovable I'm going to say I 23:21 forgot to give you the stripe payment 23:24 link earlier here it is okay I'm going 23:27 to say make sure to properly implement 23:31 this into our app so that when the user 23:34 clicks on the upgrade button he gets 23:38 redirected to the stripe 23:41 checkout enter this is actually even 23:43 easier than having our own checkout 23:45 because we can just let stripe handle 23:47 all of that automatically okay so lav 23:49 says I'll implement the stripe payment 23:51 link into our app this will allow users 23:53 to be redirected to strip checkout okay 23:55 sounds good so let's see what it does 23:57 okay this is good you can see that it 23:59 doesn't change but it doesn't need to be 24:00 changed it only rewrites the parts of 24:02 the code that need to be Rewritten such 24:04 as the 24:05 dashboard where the buttons are located 24:07 and the payments DSX um component man 24:11 watching the AI work is so so amazing 24:14 like if you don't think we live in the 24:16 future I don't know what to tell you 24:17 okay so let's test it out I'm going to 24:18 click on upgrade to premium and we can 24:21 see that we no longer can change the 24:22 amount that's good and we can click on 24:24 proceed to check out and actually we can 24:26 we can publish our app so we can test 24:28 test it in the custom domain as well 24:30 okay so I think this is better to test 24:31 it here because this is what your 24:33 website actually looks like to real 24:34 users right so I'm on my custom domain 24:37 I'm going to click the upgrade button 24:39 proceed to check out boom we get 24:41 redirected to stripe checkout amazing so 24:44 I'm going to enter my email now as you 24:45 can see this is in test mode right so 24:48 this will actually not make any real 24:49 payments I'm going to show you exactly 24:51 how to simulate the entire process so 24:53 put in your email and then for the card 24:55 just type in 24:56 4242 multiple times and then for the 24:59 date you need a future date such as 25:02 0.25 and then any free numbers here 25:05 doesn't matter okay David Andre boom 25:07 checka pay And subscribe and boom there 25:10 it is inside of our customers tab in the 25:12 strip dashboard we can see a new 25:14 customer created today beautiful and 25:17 just like that our app can now 25:19 successfully accept payments so 25:21 obviously the last step that you would 25:23 have to do yourself is to turn off test 25:26 mode and replace the API keys and the 25:28 payment link with the real ones 25:30 everything else is the same everything 25:32 else is the same and if at some point 25:34 you know you run into an error or you 25:36 get stuck at any point just ask loveable 25:38 in the chat describe what what's 25:40 happening ask it what you should do next 25:42 you know how to connect it stuff like 25:43 that it can literally help you build 25:45 anything I mean you literally saw me do 25:47 it in this video we've built an entire 25:49 full stack app with a front end back end 25:52 database authentication Version Control 25:55 payments email off all of that with 25:58 lovable literally typing in plain 26:00 English so whatever idea you have 26:02 whatever business you want to start 26:03 whatever software you want to build 26:05 there's no longer an excuse not to do it 26:07 thanks to lovable it's super easy all 26:09 you need to do is type in plain English 26:11 and let lovable do the rest so if you 26:13 want to try lovable yourself go to 26:15 lovable. df/ David Andre or just click 26:18 the link below the video and you'll get 26:19 double the amount of credits that other 26:21 people get with that being said thanks 26:23 you guys for watching go try lovable and 26:25 have a wonderful rest of the week see 26:27 you