Lovable 2.0 Just Launched: 5 Must-See Updates (And a Full Website Build in 10 Minutes)

0:00 Hey guys, Lovable 2.0 just dropped with 0:02 a bunch of new amazing features to make 0:05 it even easier to build and deploy real 0:07 world applications, even if you're not a 0:10 coder. And in today's video, we're going 0:11 to look at the five biggest updates of 0:13 Lovable 2.0. And then you're going to 0:16 see all of these updates in action as we 0:18 go off and build a beautiful website 0:20 just like this, completely from scratch, 0:22 only using prompts inside of Lovable. 0:24 And we're going to build it in less than 0:25 10 minutes. And because you guys are 0:27 awesome, I'm giving away a custom GPT 0:29 that I've created for you guys that 0:31 helps you create the perfect prompts for 0:33 Lovable to help you build beautiful 0:34 websites even faster. Just check out the 0:36 link in the description below so you can 0:37 download it for free. Also, don't worry 0:39 if you're not a coder. Lovable 2.0 has 0:41 made it even easier to build full stack 0:43 applications to where even your grandma 0:45 can do it, which is why I'm so excited 0:47 to talk about everything in this new 0:48 release. Also, huge shout out to lovable 0:50 for sponsoring this video. I've been 0:51 using them for a while to build my own 0:53 websites just like this one. And I've 0:55 loved how easy and simple they've made 0:57 it to build beautiful websites, which is 0:59 why I was so excited when they reached 1:00 out to collaborate to talk about this 1:01 new release. But enough talking, let's 1:03 go ahead and cover the five big features 1:05 that you want to see and go ahead and 1:06 dive into the live build. So, the first 1:08 and my favorite update inside of Lovable 1:10 2.0 is they've really upped the bar on 1:13 their visual editing platform. At this 1:15 point, you can click on any element 1:16 inside the web application you're 1:18 building and you have total control over 1:20 it. You can update the text, the text 1:22 size, the padding, pretty much anything 1:24 that you can think of, you can directly 1:25 control through a guey. And this is a 1:27 huge improvement from where we were a 1:29 few months ago where if you wanted to 1:31 make changes, you would either have to 1:32 hook the project up to code and you 1:34 manually go change it elsewhere or you 1:36 would have to spend an extra credit to 1:38 say, "Hey, can you please make the text 1:39 this much bigger?" So, this is a huge 1:41 improvement to make it more 1:42 cost-effective and easier to use to get 1:45 better results. Super excited about this 1:46 first update. And the second feature I'm 1:48 super excited about is Lovable is now 1:50 fully supporting dev mode, which means 1:52 you can easily toggle back and forth 1:54 between prompt and preview and code and 1:56 preview. So if you're a developer like 1:58 me and you want to get your hands dirty, 1:59 you can easily now do it. And my 2:01 favorite part is all of the changes you 2:03 make, you can easily press save and it 2:05 will save it directly to GitHub, which 2:07 is a huge improvement of where we were a 2:09 while ago to where you would have to 2:10 manually edit everything over in GitHub 2:13 and import it back in. Now it's just 2:14 super easy to all edit in one place. 2:16 Super excited for you guys to try this 2:18 one out. And the third new feature 2:19 you're going to see inside of Lovable 2:21 2.0 is their new chat mode agent. And I 2:23 can go ahead and tell you this thing is 2:25 a beast. You can use it to ask questions 2:27 about your project or you can have it 2:29 help you debug issues. Or my favorite is 2:31 you can use it to plan out big changes 2:34 and updates inside your applications. 2:36 And it's great because you get to make 2:38 sure you and the agent are on the same 2:40 page before it goes off and makes 2:42 changes. But once you are both on the 2:44 same page, it has a nice little button 2:45 for you that says implement changes and 2:47 then it just takes care of the rest for 2:48 you from there. Absolutely love this 2:50 one. Super excited for you guys to try 2:51 this one, too. And the fourth new 2:53 feature you're going to see inside of 2:54 Lovable 2.0 is their new multiplayer 2:57 mode, which allows you to bring in your 2:59 friends, co-workers, and other 3:01 contributors to your projects so that 3:03 you all can work on the same project. 3:05 This one is amazing because in the past, 3:07 everything inside of Levable was single 3:09 player. So, it was pretty much you 3:11 working on it. If you wanted to make 3:12 changes, you had to send it over to 3:13 GitHub where you could have other people 3:15 to start to work on the project. But now 3:17 you can all work in one unified 3:19 workspace, which is Lovable, and make 3:21 all the changes you guys want, and you 3:23 can share all the billing credits under 3:24 one account. Absolutely love this 3:26 feature. And the fifth major update 3:28 you're going to see inside of Lovable is 3:30 you can now buy your own custom domains 3:32 all inside the application. I absolutely 3:34 love this one, especially for beginners, 3:36 because now you don't have to hop across 3:37 all these different websites to go off 3:39 and buy your own beautiful domain. and 3:41 you're actually going to see me later in 3:42 the video go off and buy AI with 3:44 Brandon.ai and you're gonna see how just 3:46 how easy it is to buy it and actually 3:48 start hosting your website on your own 3:50 custom domain. Excited for you guys to 3:51 see this one in just a bit. And as a 3:53 quick extra bonus, I wanted to show you 3:54 guys some pricing changes that they've 3:56 made to make everything simpler and more 3:58 transparent and honestly more 3:59 affordable. So, let me walk you through 4:01 the old pricing super fast so you can 4:03 see what it used to be. So, back in the 4:05 day, what it was is they had multiple 4:07 tiers. everything from starter to launch 4:09 to scale to teams and everything was 4:12 based around daily limits and then on 4:15 top of that it was monthly limits. So 4:16 there were just a lot of moving parts uh 4:18 and ultimately if you were using lovable 4:21 a ton you would eventually hit scale and 4:23 once you hit scale it was confusing cuz 4:25 it's like I just want more credits. Now 4:27 I'm having to deal with monthly limits. 4:28 So it was all around kind of confusing. 4:30 But now to make things more transparent, 4:32 more clear, and like I said, more 4:33 affordable, they've simplified it to now 4:35 a free tier, a pro tier, and a team uh 4:38 team tier on the free tier. So, if you 4:40 just sign up for Lovable today, you'll 4:41 get five daily credits. So, you can log 4:43 in, actually crank out a beautiful 4:45 website completely for free, and you can 4:47 actually see it. The only gotcha is it's 4:48 going to be public so other people can 4:50 see your source code, but it's still a 4:51 great way to get started and try out the 4:52 product. Then once you're saying, "I'm 4:55 addicted and I can't stop using it now." 4:57 You will hop over to the pro tier, which 4:58 is 25 bucks a month for 100 credits per 5:01 month. And what's so nice about this is 5:03 everything's credit based. So one credit 5:05 equals one message. And if you want more 5:07 credits, great. There's uh will be a 5:08 drop down right here. And you can say, 5:10 I'd like 200 monthly credits, 300, 400, 5:12 500. And basically every 100 credits is 5:14 around $25. And you can do a ton with a 5:17 100 credits. You'll see in just a second 5:19 when we go build out the application how 5:21 many credits we use to actually build a 5:22 beautiful website. So you're going to 5:23 see, you know, we can go really far with 5:25 100 credits. And you're going to get 5:27 some other features, too. So private 5:28 project, so you can hide your project so 5:30 other people can't see the source code. 5:32 You can invite other editors to start 5:33 doing the multiplayer mode. And you can 5:35 start to bring in your own custom 5:37 domain. So you're going to see all this 5:38 in just a second. So yeah, those were 5:40 the five plus one bonus new features 5:42 inside of Levable 2.0. So now let's go 5:45 ahead and hop over to the live build so 5:47 you can see all these features in 5:48 action. All right guys, welcome to 5:50 lovable.dev. So this is what the updated 5:52 version of Leovable looks like. And I'm 5:54 super excited for us to dive into the 5:56 live build in just a second. But if this 5:58 is your first time looking at lovable, I 6:00 just want to give you a quick tour. So 6:02 right when you log in, you can easily 6:03 just type in your prompt right here and 6:05 create a beautiful web application. As 6:07 you go off and create real world 6:09 projects, they'll be able to uh access 6:11 all of the active projects you have 6:13 right down here. And then if you're 6:14 looking for inspiration, they have a 6:16 from the community tab. So you can see 6:18 in real time all the different projects 6:20 that people are working on to get 6:22 inspiration and just see what people are 6:23 making. So absolutely love it. Now in 6:26 our case, we are going to be doing a 6:27 live build to showcase all the new 6:29 features that you just saw. And as I 6:31 mentioned at the very beginning of the 6:32 video, I have built a special GPT for 6:35 you guys that will create the perfect 6:37 prompt for you guys to make building a 6:39 website inside of Lovable so easy and 6:42 just make the results honestly 6:43 beautiful. Lovable already does a 6:45 phenomenal job and this just helps you 6:47 with getting the ideas out of your head 6:48 and into a prompt. So all you need to do 6:51 is click the link down description below 6:52 to go over and get this GPT prompt 6:54 generator. And what it'll do is it'll 6:56 walk you through a few quick questions 6:58 about like, hey, what are you trying to 6:59 build? you know, what's the goal and 7:01 what you're trying to do from there. And 7:02 after answering a few questions, it's 7:04 just going to go off and generate a 7:06 beautiful document that's going to 7:08 contain all the information needed for 7:09 Lovable to create an amazing website for 7:11 you. So, it's cranking out so much code. 7:14 So, what I've done is I've copied the 7:15 code. Um, and what we're doing in our 7:17 case is saying, "Hey, please build me a 7:21 portfolio website so that I can say, 7:24 "Hey, here's all my YouTube content, and 7:26 if you want help building out AI agents, 7:28 come work with me." That's all we're 7:30 trying to do. That's all the GPT has 7:31 done. So, what we can do is just paste 7:33 in the result from the GPT and give it 7:35 over to Lovable. From there, Lovable is 7:38 going to take in our huge prompt that's 7:40 going to contain everything from the 7:41 copy for the website, the style of the 7:43 website, and everything else needed to 7:46 go off and create our website. And it's 7:48 going to spin out and start cranking up 7:50 an entire Nex.js application completely 7:53 completely for for free and super fast. 7:56 Just if you remember from the beginning, 7:57 you get five free credits. So, this 7:59 could be one of your credits to go off 8:00 and create the initial part of your 8:02 application. So, we're going to give it 8:03 a second while it's going off and 8:05 cranking out our website, and we're 8:07 going to pop right back in once it's 8:08 done building. Okay, guys. So, it took 8:10 just a few more seconds to go off and 8:12 build our website. But look how amazing 8:14 the final result is. And this is after a 8:16 single prompt. This is crazy how good it 8:18 did. So, as you can see, we have a 8:21 amazing hero section saying like, "Hey, 8:23 AI with Brandon, email me. Here's some 8:26 information about me." and just 8:27 continual call to actions. We'll fix 8:29 some of these buttons in a second, but 8:30 overall amazing for the first attempt. 8:33 From there, I told the prompt that I 8:35 wanted to showcase my latest YouTube 8:37 videos. So, it did a great job of making 8:40 a new section to showcase all my videos. 8:42 Don't worry, in just a little bit, we'll 8:43 actually put in real videos, you know, 8:45 just to help you get ideas on how you 8:46 can actually interact with lovable and 8:48 make changes. And then from there, it 8:50 has an awesome footer section to where 8:52 it's like, hey, once again, call to 8:53 action. Do you want to work with me? 8:55 Cool. you know, help I'll help you build 8:56 out your AI agents. Just email me and 8:59 here's some examples of what I can work 9:01 on. So, all around crazy that it did 9:03 this in a single, you know, a single 9:05 try. So, what we're going to do next is 9:07 start working on showcasing how you can 9:09 start to use some of the new features to 9:11 fix and make improvements to the 9:13 application that you just built inside 9:14 of Lovable. Okay. So, the first thing I 9:16 want to show you guys is the new visual 9:19 editor. So, in order to make changes to 9:21 a specific component inside of our 9:24 application, we can click the edit 9:26 button down here. And what it'll do is 9:28 it'll go, okay, great. Which application 9:31 do you want to change? So, in our case, 9:34 what I want to do is update this span 9:36 right here. So, specifically, what I 9:39 want to say is, hey, please drop the 9:44 email icon here. And basically what we 9:47 can do is it'll go off and it'll make 9:49 the change in real time to where it's 9:51 going to say, "Okay, I understand where 9:52 in the source code this icon is at. I'm 9:55 going to remove it, save the file, and 9:58 then I'll update the preview." So this 10:00 should take just a second to go ahead 10:02 and fix the email button. So you can see 10:03 in real time it's editing it. It should 10:05 be changing it, and it dropped it. Okay, 10:08 great. So now we have fixed that part of 10:10 the code. And now what we can do is once 10:12 again try it on somewhere else. So, we 10:14 have the edit button toggled. So, let's 10:16 go ahead and do this edit. And in this 10:18 case, the cursor flashing keeps 10:20 happening in the wrong spot. So, um you 10:22 can also see inside of here, we can 10:24 change anything as well. So, we can 10:26 update the, you know, the style of the 10:29 text. We can change anything that we 10:30 wanted to. So, in our case, what I want 10:33 to do is just say, let's say discard 10:36 because I clicked the wrong thing. So, 10:37 discard. Sorry about that. And what 10:40 we'll do is click this section right 10:41 here and just say, "Hey, there are some 10:45 issues with the cursor 10:50 inside of this 10:53 component. It is always on the right, 10:58 sorry about that, long day side of the 11:01 screen. So then what we can do now is 11:03 send it off and it'll go, okay, hm, why 11:06 is that happening?" It'll go off and fix 11:08 it. So all around this is just crazy 11:10 that we can just type to lovable it give 11:13 it the issues we're having. It'll 11:15 analyze the code and then from there 11:16 it'll go off and make the fixes in order 11:19 to actually make the changes happen. Uh 11:21 so we can get rid of bugs which is crazy 11:23 because once again nothing so far has 11:25 required you to understand code. All you 11:27 need to do is just identify a problem 11:29 and then translate it and tell it to 11:30 lovable for it to go off and make the 11:32 necessary changes. So, we're going to 11:33 give it just a second to go off and 11:35 quickly update this cursor issue real 11:37 quick, and then we're going to showcase 11:38 some of the other features inside of 11:40 Lovable 2.0. So, we gave Lovable a few 11:42 more seconds, and it was able to fix the 11:44 typewriter effect. So, now it's looking 11:46 flawless to where it's typing in and out 11:48 my different things that I do instead of 11:51 having the cursor over here randomly. 11:52 So, this looks amazing. So, now let's go 11:55 ahead and look at one of the next 11:57 features, which was going to be the chat 12:00 feature. Now, this one is crazy how good 12:03 it is. So, let me show it to you. So, 12:04 what you can do is click chat. And as 12:06 you can see, when you click chat, it's 12:08 gonna allow you to work with lovables 12:11 agent that is going to understand what 12:13 you want before making changes. So, let 12:15 me show you this in action. So, what 12:17 we're going to say now is go, okay, I 12:20 would please like to make some changes 12:22 to this YouTube section. I don't want to 12:25 have all of these different category 12:26 tags that you can see right here. And 12:28 then when it comes to my actual videos, 12:31 I don't want to show these placeholders. 12:33 I want to show my actual videos. So here 12:35 are links to all of my videos and the 12:38 title for each one of those videos. So 12:40 now what we can do, like I said, click 12:42 chat and then press enter. What this is 12:45 going to do in our case is come up with 12:47 a big plan of going, okay, I understand 12:50 the website's current state. I 12:52 understand what you want and now I am 12:55 working and brainstorming a new plan of 12:57 how I can make this come to action and 12:59 what I'm going to do to you is present 13:01 this plan in real time so you can see 13:03 all the changes I want to make. So I 13:05 want to update the gallery. So I want to 13:07 get rid of all the current stuff. Then 13:09 what I want to do is actually enhance 13:12 the video data. So everything's fake 13:13 right now. It's mock data. And I want to 13:15 show the real YouTube ID. So when 13:17 someone clicks it, it takes them over to 13:18 YouTube. And then I want to make the 13:21 each one of these card elements more 13:23 beautiful. So right now um you know we 13:25 just have very light animations and I 13:27 want to make it look a lot prettier. So 13:29 this is what it's recommending. And then 13:30 like I mentioned earlier, this thing is 13:32 a beast. So once you're on the same page 13:34 as it, you can just click the implement 13:36 the plan and it'll go off and make all 13:39 the code changes. And that's exactly 13:40 what we're going to do. So this takes 13:42 just a few more seconds to go off and 13:44 actually look through all the different 13:45 code and look at the plan and make all 13:48 the changes. So, we're going to give 13:48 this a few more seconds so you can see 13:50 implement this plan in action. So, after 13:52 just a few seconds, Lovable was able to 13:54 crank out the plan that we gave it. And 13:57 the updates are crazy. So, now you can 13:59 see it's pointing out to all of my 14:01 videos that I've been working on on my 14:03 YouTube channel that I gave it. So, you 14:05 can see it has beautiful like nice 14:07 little effects for each one. So, now we 14:08 can have like a nice little play button 14:10 and when I actually hover over it, it, 14:12 you know, shows a nice animation. So, 14:14 all around it did a great job showcasing 14:16 my portfolio. And now what I want to do 14:18 is dive into one of the other features 14:21 that Lovable just dropped, which was 14:23 their inline code editor. So you don't 14:25 need this if you're not a developer, but 14:26 if you are a developer, I just want to 14:28 showcase how powerful it is. So what 14:30 we're going to do inside the code is 14:32 drop this section right here. So this 14:34 was just like a madeup quote and we're 14:35 just going to get rid of it. So what we 14:37 can do is in the top right hand corner, 14:40 there's a new button that allows you to 14:42 switch over to dev mode. So once you're 14:44 in dev mode, you can see all your source 14:46 code. And to get a better sense in of 14:49 the code, you can actually collapse this 14:51 editor over here on the lefth hand side. 14:53 So now you're just in full code mode. 14:55 And this is where you can see everything 14:57 inside of your Nex.js application. In my 15:00 case, you know, if you're familiar with 15:01 Nex.js code, you can see all the 15:03 different things in here. And I believe 15:05 this will probably be the work with me 15:08 section. Yeah, this is definitely the 15:10 work with me section. And we're going to 15:12 scroll down to the bottom cuz this is 15:14 where it made up that one quote that I 15:16 don't want anymore. And I can easily 15:18 come in here and delete it. So I'm just 15:21 going to press delete. And what's 15:22 amazing is now what you can do is just 15:25 click save changes. In the past this 15:28 used to be a big sticking point because 15:30 what you had to do was go all right 15:32 lovable. Sorry you're actually connected 15:34 up to GitHub. Don't worry if you don't 15:35 know about GitHub. Um, but basically 15:37 you're saving all your changes to uh 15:39 GitHub and now what you have to do is go 15:42 make changes in a different editor and 15:43 then save those changes, push them back 15:45 up, reloadable. It used to be a whole 15:47 ordeal, but now you're just directly 15:49 making the changes right here inside of 15:51 Level. And it's so easy to do. It's 15:53 crazy. So now you can just click save 15:54 changes. Everything should uh take just 15:57 a second to save everything to GitHub. 15:59 And now whenever you look back at the 16:01 preview, you can see that it completely 16:03 dropped that random quote at the end. 16:05 So, that was so easy to make some 16:07 amazing changes. And now what we can do 16:09 is open back up our editor over here and 16:13 everything's great. You can see that we 16:14 just saved some changes in our code 16:17 editor. Now, if you did want to add it 16:19 back, something else that Lovable does 16:20 that just makes it super easy. If you 16:22 ever make a mistake, you can easily just 16:23 click restore and you'll go back and 16:25 undo a change. So, I can just show it to 16:27 you real fast. So, if we want to get rid 16:29 of that code change, we can just click 16:30 restore. It'll take us a few seconds to 16:32 actually load everything back up. It's 16:35 working on undoing those changes. 16:37 Success. We restored. And now it's back. 16:39 But hey, I don't want it. I just wanted 16:41 to show you guys that it does work. So, 16:43 it takes just a second. So, all right 16:44 guys. So, now what we're going to do is 16:46 head over and start looking at how we 16:49 can start to publish our application and 16:51 buy your custom domain now that we have 16:53 a perfect beautiful website uh spun up. 16:55 And publishing is super easy. All you 16:57 need to do is in the top right hand 16:59 corner, click publish. Now, what this 17:00 will do is it will automatically by 17:03 default publish to a lovable domain for 17:07 you. So, lovable.app is where it'll all 17:09 get published and whatever the name of 17:11 your application is. So, up here in the 17:13 top left, that's usually what the domain 17:15 you're going to be given. So, you're 17:16 just going to click publish. And what 17:18 this will do is it'll take a few 17:19 seconds, but it's like packaging all the 17:21 code together, deploying it for you, 17:23 handling all that complexity, so you 17:25 never have to worry about it. So, now 17:27 you can see your app is fully deployed. 17:29 So you can click the little link and 17:31 it'll take you to your website to where 17:32 you can see it in all of its glory. And 17:34 this thing looks amazing, guys. And we 17:36 did this in like a few minutes. It's 17:38 crazy that we could build all of this in 17:40 a few minutes. So all round absolutely 17:43 crushed it. Love what Lovable has done, 17:45 hence the name. So now what I want to do 17:47 is walk you through the process of 17:49 buying your own domain inside of Lovable 17:51 just so you can see how easy it is and 17:54 how you can update the domain you 17:56 deployed to. So, you're not deploying to 17:58 lovable, you're deploying to your own 17:59 URL. So, we're going to go ahead and 18:01 walk through it real quick. First thing 18:03 you need to do is click manage. When you 18:05 click manage, it'll take you to the 18:06 settings page and it'll give you two 18:08 options. If you already have your own 18:10 domain that you've bought somewhere 18:11 else, click add domain. But if you want 18:14 to buy it through Lovable, I would uh 18:15 just click this link right here, and 18:17 it'll take you over to this page right 18:19 here. So, it's going to take a second to 18:21 spin up. I think they're just getting a 18:22 ton of traffic right now. So, it's a 18:23 little slower to start, but we're going 18:24 to give it a few seconds and then we're 18:25 going to come back and start trying to 18:26 buy our own domain. All right, so what 18:28 you need to do, go ahead and delete 18:30 whatever it has in here and type in 18:32 whatever domain you want to. And it has 18:35 some extra cool features that you'll see 18:36 in just a second where it includes AI to 18:38 help you come up with ideas. But go 18:40 ahead and type in your first domain by 18:42 default. So, in my case, I'm going to do 18:43 AI with Brandon. Make sure I spelled it 18:46 right. Yep. Andai. And we're going to go 18:49 ahead and click check availability. Now 18:51 what this is going to do is say all 18:52 right is this domain available in my 18:54 case it is. So what I can do is buy the 18:57 domain. Now for whatever reason if this 19:00 domain was not available you can 19:02 actually search for other domains. So 19:04 down here let me zoom in for you guys so 19:06 you can see it a little bit better. So 19:07 you can see down here what we can do is 19:09 search for other ones. So if this one 19:11 doesn't work and I was going to be like 19:12 Brandon does AI, I can search with 19:17 generated uh domain name. So, I'm going 19:19 to say Brandon 19:21 Brandon AI developer developer. And then 19:25 we can click generate domains and it'll 19:27 go off and search for us to be like, 19:29 okay, based on what you want to do, 19:30 here's other domains that you could buy. 19:33 And some of them are stupid cheap. And 19:35 then other ones aren't. I definitely 19:37 want to go for a.com, aapp, or aai. So, 19:40 I'm not going to look at those. And I'm 19:42 going to go back to add to cart. And I'm 19:45 quickly just going to buy everything. 19:48 So, you know, it's a two-year 19:49 subscription. Just to give you guys an 19:51 update on like pricing, I've bought 19:52 domains, other AI domains, and they 19:55 usually run me around $69 per year. So, 19:58 this is honestly a really good deal. So, 20:00 I'm going to go through the process of 20:01 buying it real quick and then once it's 20:03 done, we're going to hop back over and 20:05 I'm going to show you how you can change 20:06 to deploy your apps uh your own app to 20:08 your own new website. So, give me just a 20:10 second. Oh, and something else I just 20:11 want to show you that pops up 20:12 immediately next is Lovable gives you 20:14 the option to easily hook up Google 20:16 Workspace. So, if you want to have your 20:18 own custom email, so in my case it would 20:20 be Brandon at AI with Brandon, I could 20:22 easily click add to cart and this would 20:25 give me that email capabilities. But I'm 20:27 going to skip it for now and just buy 20:28 strictly the domain. So, one second and 20:30 then we'll be right back. So, I just 20:31 bought a domain and this is what the 20:32 screen looks like after you're done 20:34 where it says like, hey, you brought the 20:35 domain and it's going to be 20:37 automatically configured to work with 20:38 lovable. It could take some time for 20:40 everything to get configured, but we 20:42 should be good to go. So, we're going to 20:44 click finish. And then we're going to, 20:45 in our case, go back to publish. And now 20:48 what we can do is see that we have two 20:50 different domains now. So, we have our 20:52 current one that came automatically. And 20:54 now we have a new one. Now, you can see 20:56 it's spinning cuz it's taking some time 20:58 to officially connect everything. So, 21:00 you can see it's just pending. So, what 21:02 we're going to do is take a quick pause 21:04 while it's in that 10-minute grace 21:05 period. And as soon as it's ready, we'll 21:07 go ahead and record it. And I'll show 21:08 you guys how you can fully deploy and 21:10 we'll go check everything out. So, it 21:11 took about 10 minutes just like it said 21:13 it would. And now everything is 21:15 officially connected. No more white dot. 21:17 And what you can do is if you go off and 21:21 publish right now, what'll happen is it 21:24 will now publish to both of our domains, 21:26 which is super nice. It's one click and 21:28 we get everything deployed to both of 21:29 our different domains. Now, this isn't 21:31 going to work. However, I'll show you 21:33 why. So, u if you click right now, it's 21:35 going to go and take you to this failed 21:37 site. So, what we need to do is if you 21:40 bought a domain just like me, what 21:41 you'll do is you'll go over um you'll 21:44 get some emails saying like, "Hey, 21:45 here's your link to login." And in our 21:48 case, we need to activate this SSL 21:50 thing, which is basically allowing, you 21:52 know, secure HTTPS, which stands for 21:55 hypertext transfer protocol secured. And 21:58 that's what we're trying to do. So, 22:00 we're just went to do the activate now, 22:02 the SSL starter kit one. It takes a 22:04 second then everything is officially 22:07 Yeah. Everything is officially secure. 22:10 So you just click wait a second and I 22:14 agree. I agree. I agree. Set up SSL. I'm 22:19 going to download the private key. So 22:21 yeah, tada. You now have officially made 22:23 your website secure. So you're not going 22:25 to get that issue anymore. So I just 22:27 want to show you guys that cuz that 22:28 definitely was tripping me up at first 22:30 until I realized what was going on. So 22:32 now it probably will take a little bit 22:34 to propagate everything. None of this 22:36 stuff is instant. We'll update one more 22:39 time just to make sure. But yeah, 22:40 usually anything related to buying a 22:42 domain, setting up all these uh 22:44 certificates takes extra time. So don't 22:46 get freaked out if it takes, you know, a 22:48 little bit up to sometimes an hour or so 22:51 to uh to officially be connected. But 22:53 now, yeah, we're going to give it a 22:54 little bit more time and I'll let you 22:55 guys know once it's ready to go. So I 22:56 gave it a little bit more time and now 22:58 everything is golden. So now whenever I 23:00 click to go off to my website, now it 23:03 officially directs everything over to 23:05 where you can see AI with Brandon. We 23:07 have our beautiful website built with 23:09 lovable. We have some amazing looking 23:11 animations. You can click to email me 23:14 where it'll be directed to actually, you 23:16 know, sending me an email to work with 23:17 me. You can see all the videos I've been 23:19 working on and you can, you know, once 23:22 again say, hey, call to action. You want 23:24 to build an AI agent, work with me. And 23:25 once again, this was all created with 23:27 Levelable, which is crazy. I'll actually 23:29 have a link to this uh website down in 23:31 the description below so you can see it 23:32 yourself and test it out just because I 23:34 think this thing is amazing. So, I hope 23:36 you guys are as excited about Lovable 23:37 2.0 as I am. And I definitely recommend 23:40 checking out the link in description 23:41 below so you can head over and check out 23:42 Lovable yourself to start creating your 23:44 own beautiful websites. And also, if you 23:46 would like to see me to do a deeper dive 23:48 into Lovable and connecting up to 23:50 Superbase to start building out deeper 23:52 full stack applications, definitely drop 23:54 a comment down below so that I know that 23:56 you guys want it and I can build it for 23:57 you guys. But yeah, definitely recommend 23:58 checking out all the other videos I have 24:00 on my channel and cannot thank you guys 24:01 enough for watching this one today. See 24:03 you. Talk to you in the next one. Bye.