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