Lovable 2.0 est INCROYABLE : Code TOUT CE QUE TU VEUX en 1 Clic 🤯

Description

🔗 Essaye Lovable 2.0 gratuitement : https://lovable.dev/?via=nerdykings


SOMMAIRE :
00:00 - Lovable 2.0 : Quoi de neuf ?
01:41 : Multiplayer
03:06 - Edit Visual
04:10 - Agent Chat
06:16 - Connexion Github
07:15 - Petit tips
08:05 - Supabase + Security check
09:26 - Domaine Perso

Summary

Lovable 2.0: The Revolutionary AI Coding Tool That Creates Anything with One Click

In this comprehensive French-language tutorial, the creator explores the impressive new features of Lovable 2.0, an AI-powered coding tool that allows users to generate complete web projects through simple prompts. The video demonstrates how Lovable 2.0 has evolved with a redesigned interface and powerful new capabilities that make coding more accessible than ever.

The presenter walks through creating an email capture page for their "Nerdy Kings" AI training site using just a brief prompt, showcasing how quickly Lovable generates professional-looking pages with custom color schemes and modern designs. The most exciting new features highlighted include the Multiplayer mode, which enables real-time collaboration with other developers, and the Visual Edit mode that functions similarly to WordPress's Elementor, allowing users to modify elements directly without using additional credits.

Another standout feature is the Agent Chat functionality, where users can consult an AI assistant for advice on improving their projects. The video demonstrates how the agent analyzes the current project and provides actionable recommendations that can be implemented immediately. The GitHub integration allows for seamless code synchronization, making it easy to transfer projects to repositories with just a few clicks.

For developers concerned with security, Lovable 2.0 now offers a Security Scan feature that analyzes projects for vulnerabilities when connected to Supabase. Additionally, the presenter shares a valuable tip about using the Knowledge section to store frequently used prompt instructions, saving time on repetitive design requests.

The video also covers pricing options, from the free tier with limited daily credits to the Pro version at $25/month with 100 credits, which includes features like custom domains, private projects, and removal of the Lovable watermark. For teams, there's a $30/month option with additional collaborative features.

Whether you're a beginner or experienced developer, Lovable 2.0 promises to revolutionize your coding workflow by turning simple text prompts into functional, professional web projects with just one click.

Transcript

0:00 Hi nerds, it's nice to see you again. Today you will have understood we are going to talk about 0:04 Loverable 2.0 which has just been released I did some tests before making you 0:08 the video and frankly it's very very heavy friends I will show you all 0:11 the new features that have been added and which make vibe coding even simpler 0:15 faster and definitely more accessible even if you start with a brand new design and a 0:20 lots of new features like mode multiplayer the new chat agent mode the scan 0:24 security the dev mode visual edit as well as the possibility of connecting to a domain name 0:29 personalized we will test all of this together if If you want to try Lovable for free, don't hesitate. 0:33 not to click on my affiliate link in the description we therefore find ourselves on the interface of 0:37 Loverable and we can see that at the design level uh there is a big effort that has been made we can 0:41 see that it is much more attractive it gives much more desire to use the tool and we will 0:45 start with a first prompt so that I have the opportunity to show you a little bit of everything 0:49 the features we will start with a prompt for example, uh, it will be to make me a page of 0:53 email capture for my Nordy Kings site on artificial intelligence with training 0:58 free offered with a beautiful blue purple design and modern we will therefore start to work with 1:02 this prompt which is quite simple so we will do entering we can see that directly the vubble is 1:07 gets to work so it's quite quick too since I put the prompt in French, he answers me 1:11 in French so that's really great we have well the colors the color palette that has been 1:15 selected the elements to be planted at the top catchy a catchy header a short text 1:21 explanatory form on free training super excellent elegant email capture so 1:26 It seems to me that you're doing a very good job. after just a few seconds of work we 1:30 can see that my North email capture page King was well made, she is very very beautiful 1:34 with a nice little design it looks good respected the colors I wanted 1:37 now that our email capture page has well been generated we will be interested in the first one 1:41 feature that I wanted to show you it's the multiplayer feature so that's it 1:45 quite interesting because it's a bit of a game video actually video games in cooperation but 1:50 It's a bit like the principle in the sense that you will be able to invite someone with whom you 1:53 want to actually share this session of vibe coding what will happen is that 1:57 you will have to press invite here in top and you will be able to enter the email 2:02 of the person you want to invite that is a feature that is only unlockable if 2:06 you have the paid pack so there for example we Let's go see the price together like that we are 2:10 fixed you have the free version in fact with 5 credits per day so it's quite little it's 2:17 really to test the features and then you have the pro version at 25 2:21 dollars per month with 100 credits so there it is customizable you can increase the number 2:25 of credits so there for example for 800 credits we go directly to 200 dollars but hey 100 2:30 credits are already good you have the right to private projects it removes the lovable watermark on 2:35 your projects you also have the right to the domain customizable and you have three editors per 2:39 project you then have the team version for 30 dollars per month so we come back to this 2:45 interface as I told you you write the email of the person you want to invite it will 2:49 receive an email with an invitation he clicks on it and directly it will end up on 2:54 this interface where he will be able to start also code with you on the other hand if you take 2:59 the initiative to invite him, uh, it will use your credits on the other hand if your friend invites you that 3:04 will use his credits then a second functionality and which is truly revolutionary 3:09 I really find it incredible, it's really going well change the lives of many people uh it's okay 3:13 be the functionality so there for example in By clicking on edit, I will be able to edit my page. 3:18 real-time email capture a bit like WordPress with Elementor for those who know 3:24 so there for example if I click on uh Nerdy Kings I will be able to change the title myself 3:28 So for example, if I want to call him Nerd K uh it's totally possible if I have 3:32 want to change the header here it is possible if I want to change the color, here I can do it 3:36 put in black uh there I can put I can put it back in white but that's not all I 3:39 can also change the font size in short, really everything you want and 3:44 which is really great when you do it these changes do not use credit 3:48 and that's what's really game changing I find on my side because suddenly you will 3:52 not to waste credits making generations because for example you just want to modify 3:57 the the the title or whatever let's imagine that I also want to change the background color and 4:00 Well, it's possible, here we go, we can go on we can start with a little bit of color 4:04 more personalized like that you will be able really change everything as you wish so there me 4:09 in this case I really liked what made me so we're going to go back to the original version 4:14 then another feature frankly that I really like friends and I think you 4:18 will love it too it's functionality chat that you can activate directly 4:23 down here basically you click on it and there you you contact your AI agent directly where you 4:28 you will be able to ask him questions where he is going to be able to give you advice so there by 4:31 example we have our email capture like you you can see it but I want to improve it 4:35 but I don't have too many ideas I would like to have little tips to be guided and everything 4:38 I'll just ask him if you activate it. the cat huh very important and then you him 4:42 ask how to make the page of more attractive and professional capture uh 4:46 give me three pieces of advice for example so there we go ask him and there we can see that he will analyze 4:50 in fact the question and he will bring me he will bring me an answer so there for example I will analyze 4:54 the current page so there we can see that it is analyzing the email capture page and 4:58 there he already started giving me advice so add an illustration with a visual 5:03 attractive uh improvement of typography and the visual hierarchy is great so that's great 5:09 So that's great because it's really great tips in fact customizing the 5:12 design with interactive elements so there it is excellent I agree with the changes 5:16 who wants to bring so what will happen that I will disable the chat functionality and 5:20 I'm going to tell him, "OK, then follow his advice." now." Wait, I'll tell him anyway 5:24 these three tips now so there normally he will understand my request no more on the chat 5:29 So here I'm no longer addressing the chat agent but I I address myself to lovable who will normally understand 5:34 the query and make the changes look I will improve the capture page by applying 5:38 the three tips add an illustration improve typography and add 5:42 animations so there we can see that he is in the process to change the code by pressing it you will 5:46 to be able to see the code that is actually generated in real time so it's it's really great so 5:50 here we can see that we have an improved version which was made it's a shame the illustration 5:54 does not appear so it's really a shame I would have liked to, uh, I would have liked to have it 5:59 but otherwise the advice and modifications that were suggested to me and were applied well. 6:03 well a capture page which is which is at much more beautiful end then I imagine 6:07 that we could have put an image in relation with free training would have been nice 6:11 certainly but it doesn't show up, it doesn't matter Now that I've shown you edit, we'll move on 6:15 to something that is very important too it goes be the synchronization with KitHub so we will 6:20 connect KitHub directly to lovable for you simplify life enormously so here we are going to do 6:25 connect so there we will authorize uh lovable point devde dev voilà link github 6:36 organization installuthorize there you put your password and we can see that my Github account 6:44 Nerdy Kings has been recognized by Lovable so here we are going to make a link and now you 6:49 are well connected so there we will do for example transfer the project uh we will have it transferred 6:55 our project to our Kithub page and there we can see that we have the page so there we will do uh 6:59 paste the https and uh we're going to paste for see normally here we have our project 7:05 which was automatically put on uh GitHub I I think that this will please more than one friend. 7:10 really a great feature another type which is very important if you are coding on Loverable 7:16 I think some do, some don't not necessarily and yet it is a good reflex to 7:19 for example, click here on the name of the project you can go to settings once you 7:23 are in settings you go to knowledge and here you will be able to write all the 7:27 prompts that you constantly repeat let's imagine that you have a DA for your designs which is always 7:31 almost the same for example I know that for Nordicie King it's always a bit blue 7:35 purple a little technological uh so there instead of repeat each time you will be able to write it 7:40 here in knowledge it will actually save you from you constantly repeat in your prompts so 7:44 for example, make me a design with color blue and purple modern and professional style I know that 7:48 all I'm going to ask him afterwards is this will be based on this prompt so that 7:52 This will save you a lot of time. I'm going to do uh save there so there we can see 7:57 that custom instruction updated so there uh the personalized instructions have been uh put 8:02 up to date so we will close this it is possible to connect your GitHub as seen previously 8:07 but it is also possible to link your account Superbase and you have every interest in doing so 8:12 to be able to use the scan functionality security why is it important 8:16 to use the security scan many people who launch on loveable do not necessarily take 8:20 taking into account the security side, however, it is very important that's why you're going to have to in 8:25 first connect your Superbase account To be able to activate the security scan you will 8:30 see right away how it works there for example we will connect superbase if you 8:34 If you don't have an account, I invite you to create one. one and to connect it we will make authoriz laable 8:43 once it's done we can see that it connects directly to Superbase 8:46 and normally here it's done it's connected or wait we will do 8:48 connect here we are well connected nerd Kings Project connected once it is done for 8:57 be sure that everything is secure you will do publish and we can see here that we have the news 9:03 Security Scan feature that will tell us basically if our project is secure or not so 9:08 here in this case it is a project which is very simple, very basic, so there is not necessarily 9:11 security issue but if you do a more advanced project in fact the more the project goes 9:17 to make the security problem more complex will become an important topic so I will 9:21 invites you to pay close attention to this once security is good the project pleases you all 9:26 is good you then want to publish it and well you will simply click on publish 9:30 we can see that you have a domain name which was automatically assigned to you but 9:34 we will manage to be able to access the customizable domain name functionality 9:39 you then have two choices available to you The first thing you should do is buy a new one. 9:42 domain name or actually add a name of domain that you already own so the 9:47 two functionalities are possible but are not available from only $25 per month 9:51 by the way I remind you that if you want use Loveabo for free you always have 9:54 my affiliate link in the description here Friends, I hope you enjoyed this video. 9:59 in any case for me it was a pleasure to If you do it, don't hesitate to subscribe. 10:02 to ask me your questions in the comments and we will see you very very soon for the next video