BUILD Website With Google AI Studio (FREE Hosting And Domain)

Category: Web Development

Tags: AIFreeGoogleHostingWebsite

Entities: Gemini 2.5 ProGoogle AI StudioNifiNodeJSVisual Studio Code

Transcript

00:00

build websites with Google AI studio. I was able to build this free completely hosted with free domain website which comes along with a customize option that you can simply customize your website the team the content you can put in

00:16

anything that you want right inside the content and then over here the post you can also come and then create new post by simply clicking on create new post and I was able to create it with Google I studio for completely free and it is hosted on a free hosting and domain

00:33

name. Let me show you can do the exact same thing.

Simply go to Google and then type in Google AI studio. Hit enter and then come and then select the official site of Google AI studio.

It's going to bring you right here to the Google I studio platform. Okay.

Simply come here to where we have the chat and then come

00:49

and then select the chat by clicking on it. So over here to bring you right here to Google I studio.

You can come and then select any of this model by simply come and then select Gemini 2.5 Pro. Okay.

So as you can see it has been selected and you will find it right from

01:04

this place. Okay.

So after selecting it simply come and then paste in your prompt. Okay.

So I have pinned this prompt right inside the comment section. Simply look there, copy it and then come and then paste it right here.

And all that you have to do is to simply come

01:20

and then change the website name. So where we have my website name change it and then the website type to come and then change it to the website type that you prefer that is it okay after that you don't have to do anything simply come and then click on the run and that

01:37

is it the Gemini is going to give you the prompt that you are going to use to create your website. So as you can see this is the complete prompt that comes along with how to build a website.

All that you have to do is simply come and then highlight the whole prompt from start to finish. Come and

01:54

then right click on it and then come and then click on copy. That is it.

So after that simply come here and then among the options come and then click on the build and then when you click on the build over here you have the option to come and then build your website completely free. Come and then paste in the prompt

02:12

that you have copied from Gemini and then come and then click on the build and all that you have to do is simply relax and then your website is going to be created. You can come and click on the full screen mode and then you can see that we have successfully built the website

02:27

just like that. Okay, this is awesome.

So that is our logo. That's the website logo.

And then over here we have the menus. Okay, so I can click on anything and it will pop up.

Okay. So, let me come and then click on the destinations.

02:43

And as you can see, we have our destination page right here. Okay.

And it's working perfectly fine. Okay.

So, that is it. We have successfully created our website.

We have our written blocks already. And then we have the settings.

So, when you click on the settings icon,

02:58

you can come and then customize your website. Okay.

You can come and then change the theme to any theme that you prefer. You can also come to the content and then you can come and then change anything.

We have the post. You can come and then click on create new post and then add more post to your website as

03:15

well. Okay.

So now you can simply come and then click on leave full screen mode and then you have to come and then download it by simply coming to click on the download app and that is it. Your website is going to be downloaded for you.

So as you can see you can come and then click on show in folder and you

03:32

will find your zip file. Okay.

So this is our downloaded zip file. Now we have to host it on a free web host.

Come and then right click on it and come and click on extract all. So we are going to extract all.

Come and make sure that show extracted file when complete is selected.

03:48

And then simply come and then click on extract. Okay.

So it is going to extract and then this is what comes along with it. That is the file and folder.

Come and then click on index. Okay.

The index.html. You right click on it and then you click on open and mostly you

04:04

will see that you are downloaded file that you have extracted. When you open it, it will show a blank page.

Don't worry, let me show you how to fix it. Come and then drag your extracted folder at the desktop just like this.

Okay.

04:20

And so that is it. This is our extracted folder.

And then come and then install Visual Studio Code. Okay.

That is VS Code. And then from here where you have the files come and click on it.

And then among the options simply come and then click on open folder. Okay.

So we are

04:36

going to select our extracted folder just like this. Make sure that you select it.

And then after selecting it all that you have to do is simply come and then come and click on select folder and then VS code is going to load your extracted files and everything in it.

04:52

Okay. So over here come here to the top where we have the terminal.

come and click on it and come here to the new terminal and then click on it and then from here the terminal is going to load right inside the extracted folder and you have to come and then check if you

05:07

have node installed by simply typing in node space-v just like this then you hit enter so the version of node that you have installed is going to pop up just like this if there is no version it means that you don't have node installed all that you have to do is simply go to

05:23

Google and then come and then type in node NodeJS download and then hit enter. Come and select the official site of NodeJS.

And from here from the download you can simply come and then download the latest version of Node by simply selecting your operating system. So mine

05:40

is Windows. I'm going to leave it just like that and then come and click on Windows installer.

Okay. You can download it and then install it.

After that, simply come and then install the dependence by simply typing in mpm space install. Then you hit enter.

Okay. So

05:57

it's going to install the dependence and everything that you need just like this. Okay.

So after that all that you have to do is that you have to come and then run it locally. So you type in mpm space run space dive the exact same thing just like this.

Then you hit enter and it is

06:14

going to build a local link that we can use to open to see it. So this is the local link.

Okay. All that you have to do is simply come and put your mouse on it.

You press on control then you click on it to follow the link and the website to open just like this. So as you can

06:30

see we have our website open. Now come back to the terminal.

Okay. And then over here where you have the plus icon the down arrow come and then click on it.

And then come and then click on the new terminal. Now that we have been able to open our website successfully without any blank page.

Okay. Now we can simply

06:48

come and then build it. Okay.

So to build it simply come and then type this that is mpm space run space build the exact same way just like this. You hit enter and it is going to build your website for you and that is the disk that you are going to host it for

07:04

completely free. Okay.

So you see that this is the disk that has been created and let me show you where you can find the disk. So among the list you see that we have the disk here.

So this is the this folder that we are going to host. So when you come and then open your extracted folder inside it you see that

07:21

a disc folder has been created. Okay.

So this is it. Okay.

So let me open it for you to see. And we have our asset and then indos.html here.

So this what you're going to host for free. So to host go to Google and then come and type in Nifi and then hit enter.

Okay. Come

07:37

and then select the official site of Nifi over here. Come here to where we have the drop/nify.

Okay. And then come and then click on it to select it.

Okay. So when you click on it, it's going to come right here to the drop whereby you can simply come and

07:53

then drop your this folder right here. So let me show you how to do it.

So this is the this folder. All that you have to do is simply come and then drag it right onto the net file.

Okay. And then you just leave it like that.

Okay.

08:08

So it is going to upload the whole folder just like that. And it's going to create a link.

Okay. So this is the link that it has created that is your currently domain and then hosting name.

Okay. So you can come and then click on

08:24

sign up and then it's going to be permanent because they going to host it for just 1 hour. So when you click on the link you're going to paste in your password.

Okay? And then this is your password.

All that you have to do is simply highlight it. Copy it and then after copying your password come and

08:40

then paste it right here. After clicking on the link to follow it after that come and then click on submit and that is it.

Your website is created and then hosted for completely free. Okay, like the video.

If you have any questions, leave the comment down below.