Up next in 10
Google Just Launched Firebase Studio & Project IDX VSCode Clone – And It’s INSANE! & FREE Forever
Jul 11, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you a new
0:03
product which is launched by Google. Uh
0:05
it's related to coding in AI.
0:10
First of all, it was Google Gemini. Now
0:12
it is project idx. It is also known as
0:15
now firebase studio. It basically runs
0:18
in the browser itself. If you just type
0:21
here project idx on Google, the very
0:24
first link which comes right here, this
0:26
is the thing. It's directly runs in the
0:28
browser. Now it is called as Firebase
0:30
Studio. So this is the product here. Uh
0:33
simply click on this button go to
0:35
Firebase Studio and this is their
0:38
official web page firebase.studio.
0:41
So it's a fullstack AI workspace editor
0:44
which directly runs in your browser
0:46
itself. It's similar to VS code uh but
0:50
it is called as Firebase Studio. You
0:52
will see it also adds up the
0:55
functionality of Google Gemini which
0:57
lets it's fully AI AI powered. So now to
1:01
get started click on that button get
1:03
started and then it will redirect you to
1:06
the Firebase Studio
1:09
editor. So you just need to accept the
1:11
conditions. Click on confirm. And after
1:13
you accept it, you will be granted with
1:16
this interface where you will be able to
1:18
ask any sort of question related to
1:20
coding here. And here let's suppose I
1:24
basically ask a question here. So in the
1:27
drop-down you will see every language is
1:29
supported. Go, Python, Java, Net, we
1:33
have Angular, Next, Node.
1:36
So you can even import a GitHub repo as
1:39
well by clicking this button. Let me
1:42
just ask a question here. Build a simple
1:45
React
1:47
calculator
1:49
full web project.
1:52
So you simply ask the question and after
1:55
asking that question it will generate
1:57
the response for you and automatically
1:59
it will open it in a editor
2:03
generating all the necessary source code
2:06
files and it also gives you a live
2:09
preview of your web application as well.
2:11
So you just need to wait it is
2:13
generating your response.
2:18
So as you can see here it is prototyping
2:21
this app here.
2:26
Click that button here prototype this
2:28
app. So then
2:41
switch to code. Here you have this
2:43
button here. If you see switch to code,
2:46
switch to prototype. So we have these
2:48
buttons here which you can directly use
2:50
to get the actual project code
2:54
and also we get this publish button
2:56
which you can directly use to publish
2:58
that application which is generated by
3:01
this
3:03
Firebase studio. So now you get all the
3:06
necessary files here. If you see in the
3:08
left hand side, it is generated this
3:11
project here. It is generated by fire
3:14
studio and uh
3:21
these are the different components here
3:23
of this project.
3:26
You just need to publish this project.
3:29
So it will just create a project, link
3:32
your Google Cloud billing account and
3:34
then enable the Firebase services.
4:03
So in this easy way you can do do that.
4:06
So now we are having one project but we
4:09
can even create multiple projects as
4:11
well. So let's suppose I say build a
4:13
simple
4:18
calculator in HTML, CSS and JavaScript.
4:22
So you can do have multiple projects at
4:26
the same time. You simply write it in
4:28
the prompt and then it will generate the
4:30
response for you.
4:34
So for this you don't have to have any
4:36
sort of things installed. You can access
4:38
it Firebase Studio directly in the
4:41
browser and then it will generate the
4:43
prototype here. You will see it is
4:45
generating this
4:49
and click to switch to code here and
4:51
then it will generate the source code
4:53
files.
5:17
So this is the Firebase Studio guys.
5:20
It's very easy to do. Implement.
5:40
So you can even import a GitHub repo as
5:43
well or upload your own project as well
5:46
by clicking that button.
6:00
So definitely check out this. So you'll
6:03
see that
6:10
click to switch to code and then it will
6:13
automatically generate the source code
6:16
files here. If you see that.
6:19
So simply go to
6:20
studio.firebase.google.com
6:22
to access this tool.
6:26
It has the power of generating your
6:30
and start using it. And thank you very
6:33
much for watching this video.
#Programming
#Open Source