How to Make a Website Using AI in 10 Minutes | Lovable AI Website Builder Tutorial
Jun 29, 2026
Want to learn how to make a website using AI without any coding experience? In this step-by-step tutorial, I'll show you exactly how to use Lovable AI to create a website in just a few minutes.
Whether you're a beginner, freelancer, business owner, or web designer, this video will teach you how to create AI website projects quickly and professionally using the powerful Lovable AI website builder.
🔥 In this video, you'll learn:
✅ How to make a website using AI from scratch
✅ How to use Lovable AI to create a website step by step
✅ How to use Lovable AI for beginners
✅ Web design with AI to build stunning websites faster
✅ Tips and tricks to create professional websites without coding
The Lovable AI website builder is changing the way people build websites. Instead of spending days coding, you can now use AI to generate beautiful, responsive websites in minutes.
⏰ Timestamps:
00:00 Introduction
00:30 What is Lovable AI?
02:00 How to make a website using AI
05:30 Create AI website step by step
10:00 Web design with AI tips
12:00 Final website and next steps
Show More Show Less View Video Transcript
0:01
Hi friends, welcome to Tutor's Funny
0:02
Channel. Today I'm going to teach how to
0:05
make the website using AI.
0:07
So, first I'm going to go to the AI tool
0:10
which is a Lava.
0:14
Lava.
0:16
Lava AI.
0:17
>> [snorts]
0:19
>> Click on it.
0:21
So, you have to go to here. I'm going to
0:24
uh
0:24
login
0:28
via my Gmail account.
0:49
This is our job dash.
0:51
So, now what I'm going to do is I'm
0:52
going to go to this is the prompt.
0:55
Okay, so make a website using
0:58
uh Lava chat. So,
1:00
here this is simple prompt here to make
1:02
a website look more professional, use
1:05
modern colors, add more spaces,
1:07
use around buttons, round round the
1:10
buttons, improve the fonts, make it
1:13
mobile responsive.
1:14
These are the things you must implement.
1:17
Okay? So, first step I'm going to copy
1:20
this prompt.
1:22
This is the very must.
1:24
Okay? So,
1:26
this is your chat.
1:30
Chat, okay? So, I'm going to go to
1:33
uh create a project. So, this is the
1:35
Lava chat. I'm going to create this is a
1:36
website one, okay? So, what I'm going to
1:39
do is I'm going to click on it.
1:43
AI
1:44
make a website professional, make a this
1:46
is the uh what prompt. Simple prompt,
1:49
you can see here.
1:51
Uh
1:52
there's a chat. Here this is.
1:54
Okay?
1:55
So, what I'm going to do is now I'm
1:58
going to go to global.
2:00
Click it.
2:04
Okay, so you can see here
2:06
now
2:08
the your website is
2:10
global AI is starting to build. So, you
2:14
have to wait until the
2:16
uh things completed here. It's starting.
2:21
Okay, so after that you have to if you
2:24
don't have a logo, you have to create
2:26
the logo.
2:27
Okay, if you don't have a logo, ask the
2:29
AI to create the logo placeholder. Okay,
2:31
at the simple modern logo for my
2:34
business on the left. You can add it.
2:36
Okay.
2:37
Uh create a simple text to your logo in
2:39
my business. Okay, so after that add the
2:41
business images custom
2:44
uh pictures. Okay, so these are the
2:46
things we have you must add it.
2:49
Okay, so these are the things This is
2:51
all uh we have to add it as a prompt.
2:52
I'll be I'll give you this all the
2:54
prompt to you. Okay, don't worry about
2:56
that. Now, let's check how the website
2:59
look like.
3:13
It's creating.
3:25
Now, here
3:26
you can see the it's still uh my website
3:29
is creating. Okay. So,
3:32
you can see
3:34
here
3:35
here this is a website.
3:38
Almost done.
3:40
Here is a website. It's almost done. You
3:42
can see here. Okay, so this is It's
3:45
simply it's coming like like like this.
3:47
This is a website.
3:48
Okay, so now you will be able to see you
3:51
can see, you ask anything else. You use
3:54
the words, okay? You can add some
3:55
something else here. If you don't have a
3:57
logo, you can add here at the business
4:00
logo. If you don't have a logo, ask the
4:02
AI to
4:03
create a logo at the place, okay? Add
4:05
the simple modern logo for my business
4:07
on the left side.
4:09
So, here you can say left side. You can
4:11
You can tell them to clearly add the
4:13
simple modern logo for my business at
4:15
the
4:16
top left.
4:18
Add the simple modern logo for my
4:22
uh business at the
4:24
top left.
4:25
top left side. Uh you can see the name
4:28
name. You can see
4:31
next time.
4:33
something.
4:36
Again,
4:40
Okay? So, this is how we can work it.
4:48
Okay, there are many people are there.
4:50
They don't know how to
4:53
uh get the how to use the AI tools
4:56
properly.
4:57
So,
4:59
you first you have to ask the AI tool
5:02
create the simple
5:04
web template.
5:06
After template has been created, you
5:09
have to tell them what are the
5:10
modification you need. So, you have to
5:12
tell them the simple prompt. That prompt
5:14
will be
5:16
changed. What is the prompt you are
5:17
given? According to the prompt, your
5:19
design will be changed. So, you have to
5:23
uh
5:25
uh
5:26
observe those are the things. That is
5:28
the very must. Okay, here. It can
5:30
generate the images. It can generate
5:31
everything. It will be
5:33
Look at here. The logo has been created
5:35
here.
5:37
The logo has been created.
5:39
The simple logo it has been created.
5:43
I've checked available. See, it's
5:44
available here.
5:46
top left corner. Here, it's wait, it's
5:47
still it's updating. Your logo is
5:50
available here, uploading here, CDN
5:52
here.
5:56
Okay, so this here here
5:59
2 second. If it will be uploaded within
6:02
2 second to here. It is being changed.
6:04
Your logo has been changed.
6:06
Okay,
6:07
okay, so let's go to the another prompt.
6:10
Uh meanwhile, we have to go to the
6:12
another work.
6:13
Uh at the business images custom
6:16
uh first notice images. We place all the
6:19
images with high quality professional
6:21
images related to your business.
6:24
Okay, so these are the prompt four you
6:26
have to create the images.
6:28
Okay, so example
6:30
uh
6:31
here restaurant or salon or repair, some
6:34
any any other
6:35
what are the category you have. Uh I
6:38
have created the category which is a
6:39
restaurant. So you have to copy this.
6:42
Uh
6:42
let's check.
6:45
Okay, so this yellow
6:48
enable.
6:51
Okay, so this is still working.
6:54
Your logo is so we have to
6:57
Okay, here the logo has been changed.
6:59
Next step.
7:00
Okay, simple. Now what I'm going to do
7:02
is I'm going to put this one.
7:05
Uh
7:05
this replace all the images high quality
7:08
professional images related to my
7:10
business business. You can tell them the
7:13
name as which name restaurant. You can
7:15
tell them restaurant. This is my
7:18
business is related within double
7:20
quotation mark. You can tell them which
7:21
is a restaurant. You can click on it.
7:25
Now let's
7:27
check the output how will be.
7:35
Okay, so you now you you you you
7:39
you notice that how is it easy.
7:42
Okay, you no need to do anything else.
7:45
Everything AI will be creating for you.
7:48
Okay, the images and logos
7:52
uh
7:53
uh con- content and everything you no
7:57
need to create. Everything
8:00
AI will be create. You can save your
8:02
time, you can save your energy,
8:04
everything. Okay, you don't need to
8:06
think. Everything AI will create that
8:09
you create it for you. But, only the
8:11
thing you have to do you tell them the
8:14
correct prompt. The prompt will be
8:16
created everything to you.
8:18
Yeah.
8:20
You can see here. The every images are
8:22
created by AI, not not me. Okay? So,
8:26
these are the
8:27
This is the restaurant here. These are
8:28
high-quality images. They are created by
8:30
AI.
8:35
Okay. So, meanwhile we have to go to
8:40
third third uh fourth step. Add the
8:42
about section. This is very must of our
8:45
website. This section is every website
8:48
should have. So, add the about the
8:51
section explain your
8:53
uh explaining my business in simple
8:56
English. Okay, so all right the
8:58
friendly about our section. Okay, so you
9:01
have to click on
9:03
copy this.
9:05
Okay, you can add it to your preferred
9:06
languages as well.
9:08
Okay, so here
9:11
you can see the obvious it here.
9:13
The Yeah, this is your restaurant uh
9:16
webpage. Here, simply
9:18
add your modern
9:20
restaurant images as well.
9:23
Simple. So, after that you can Here,
9:26
this we can't uh if you have a updated
9:29
one, you can use it many benefit you can
9:32
get a many many benefit. Here
9:35
you can get at the about section, so you
9:37
can click on it.
9:42
English.
9:44
So, you can see
9:48
I already mentioned is a restaurant
9:50
website. It's reviewing your content
9:52
stable audience. So, at the about
9:54
section explaining my business in
9:56
English.
9:57
So,
9:58
it is
9:59
it is explaining some quick
10:02
uh
10:03
about us page. Creating the about us
10:05
page, you can see here.
10:09
You can see the kitchen, bar, and room.
10:12
The everything's are there for the
10:13
restaurant. What are the important
10:15
things we have to include the
10:16
restaurants? Everything is included in
10:17
this website. All of the contact
10:19
information is there.
10:21
Uh phone number, email address,
10:23
uh email address, and everything at the
10:25
contact sec- contact another contact
10:28
section with the phone number, email
10:30
address, and
10:31
uh
10:31
opening hours. Just click on it. This
10:33
You can select all.
10:35
This also you can edit.
10:40
Hello, this one.
10:46
So, now you can see
10:49
this is about page is there. Here.
10:51
You have a about page is there.
10:53
This is your about page here. It is
10:55
added at the about page as here. It's
10:57
about page is next side. This is a
10:59
here.
11:00
I already tell them this is an
11:03
restaurant restaurant upon the
11:06
restaurant based on the restaurant, it
11:08
is described the
11:11
about us content. Okay? After that, I'm
11:13
going to place it this one at the
11:15
contact us section with phone number,
11:18
email address, business address, opening
11:20
hours. Click on it.
11:22
Okay? So, here now at the moment, I have
11:25
to go to
11:26
uh
11:27
the premium plan. So, this section is
11:31
uh
11:32
I have to do
11:34
up to this. Okay? So, if you are
11:38
if you want to
11:39
make a website fully customized and
11:42
mobile-friendly website, you can
11:44
purchase this lovable It's very
11:47
friendly. You will be able to
11:49
uh
11:50
uh make the website in within
11:54
50 minutes uh 50 minutes or 20 minutes.
11:56
Okay? You just implement the prompt
11:58
only. Uh based on the prompt, it it is
12:00
it will be acting. So, if you want to
12:02
change the color, you can tell them this
12:04
is the color I need. If you can you you
12:06
just tell them if you want to increase
12:07
the logo size, it is right away it is
12:10
increased.
12:11
Okay? This is everything this colors,
12:13
what is the primary color, secondary
12:14
color, everything you can tell the
12:17
tell them on this chat box. The chat box
12:20
will be
12:22
help us to make our website more
12:25
professionally. That is the things you
12:26
have to do.
12:28
Okay? So,
12:29
I hope you can understand
12:31
uh the things how to make the website
12:33
using AI.
12:35
Uh here this is a preview. Right now
12:37
this is a preview. You can see the
12:38
preview. Okay? So, if you are published
12:41
uh the URL URL URL will be this URL.
12:45
The URL URL. So, this URL you have if
12:48
you have a domain, you will be able to
12:50
edit this one. Okay? If you have
12:51
purchased the
12:53
uh domain
12:55
hosting, you will be able to
12:57
add the custom domain over here and you
12:59
will be able to publish the website.
13:01
Okay? So, right at the moment here this
13:03
is the website URL.
13:05
You click on it.
13:11
Sorry.
13:14
We have to
13:15
the publish also I think
13:17
we have to this is a premium here pro.
13:20
That's why it's we can't continue.
13:21
There's a publish we can't
13:23
uh continue this one. Okay. Okay. This
13:25
will be it's working. Continue.
13:31
Continue.
13:32
This is URL, okay? This is URL.
13:37
Done. Publish.
13:38
Now you can see
13:40
at the moment what we did, so it is
13:42
publishing at wait.
13:44
Okay?
13:45
So, the basic security it is implement
13:48
the basic security aspect. That is our
13:49
important stuff.
13:51
Okay?
13:52
So, these are the
13:54
things that it is implement.
13:57
This is a publishing state. Okay?
14:01
You can see here.
14:03
Simply, it is publishing.
14:08
It's publishing the review app.
14:12
See?
14:14
It's very nice.
14:16
Okay? So, this is the
14:18
web page we have created here about us.
14:22
Okay? It's a menu,
14:23
the rooms,
14:25
reservations, everything's are there.
14:28
Okay? So, the simple modern website we
14:30
have
14:32
uh
14:33
we have made
14:34
via
14:36
AEM.
14:37
So, this is a very best things. Okay,
14:40
you'll be able to edit if you want to
14:41
edit, you can go to the edit mode and
14:43
you'll be able to edit.
14:45
Okay?
14:46
Thank you for watching. If you have any
14:48
doubts, you can ask me anytime.
14:50
If you love my channel, please subscribe
14:52
me, like me. Thanks for watching.
#Jobs & Education

