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

This French-language video introduces Lovable 2.0, a revolutionary web development platform that combines AI-powered coding with visual editing capabilities. The presentation showcases several major new features that make web development more accessible and efficient. Key highlights include a new multiplayer mode that enables real-time collaboration between developers, a visual editor similar to WordPress's Elementor that allows direct manipulation of elements without using credits, and an AI chat agent that provides contextual development advice. The platform now offers seamless GitHub integration for version control, Supabase integration with security scanning capabilities, and custom domain support. The video demonstrates these features through a practical example of building an email capture page, showing how Lovable 2.0's AI understands and implements design requirements while maintaining professional standards. The platform operates on a credit-based system with different pricing tiers, starting from a free tier with 5 daily credits to professional plans offering 100+ credits monthly. Notable improvements in version 2.0 include a redesigned interface, enhanced AI comprehension of both French and English prompts, and robust security features through Supabase integration. The demonstration emphasizes how Lovable 2.0 streamlines the development process by combining AI assistance with practical development tools, making it suitable for both beginners and professional developers looking to accelerate their workflow.

Frequently Asked Questions

How can I accelerate my MVP development without compromising quality?

Lovable.dev offers an AI-powered development platform that allows you to build production-ready MVPs in record time. With features like visual editing, multiplayer collaboration, and instant GitHub integration, you can rapidly prototype and iterate while maintaining professional code standards and security through built-in Supabase integration.

What solutions exist for non-technical founders who need to build web applications?

Lovable.dev provides an intuitive platform where non-technical founders can build web applications using natural language prompts and visual editing. The platform's AI understands plain English requests and generates professional-grade code, while the visual editor allows direct manipulation of elements without coding knowledge.

How can I reduce development costs while maintaining project quality?

Lovable.dev significantly reduces development costs by automating code generation and providing visual editing tools that don't consume credits. With features like multiplayer collaboration, AI chat assistance, and built-in security scanning, you can build professional applications without a large development team.

What tools are available for rapid prototyping with production-ready code?

Lovable.dev excels at rapid prototyping by combining AI-powered code generation with professional development features. The platform includes GitHub integration, Supabase backend connectivity, and security scanning, ensuring your prototypes are built with production-ready code from the start.

How can I ensure security and scalability in AI-generated code?

Lovable.dev integrates comprehensive security features through Supabase integration and automated security scanning. Every project can be thoroughly checked for vulnerabilities, while the platform's production-ready code ensures scalability and maintainability.

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