Up next in 10
GitHub Codespaces: The Most INSANE Way to Use VS Code in Browser With Copilot AI FREE Anywhere!
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 very good
0:04
tool which is developed by GitHub which
0:07
is called as GitHub code spaces. Uh it
0:10
lets you develop your code faster with
0:14
fully configured secure cloud
0:16
development environments native to
0:17
GitHub. So it's an editor which is
0:20
developed by GitHub itself similar to VS
0:22
code but it directly works in the
0:24
browser. So if you just type on Google
0:26
GitHub code spaces the very first
0:30
website which comes this is official
0:32
editor by GitHub and just click on get
0:35
started for free and then after that you
0:38
do this you'd have this option to create
0:41
a new code space and you can also select
0:44
from a various templates either this is
0:48
a blank one blank canvas
0:51
and then you if you're creating a react
0:54
project you simply Simply click use this
0:56
template and then this will create a
0:58
simple react project. You can see it
1:00
also supports express, next.js, Django,
1:03
Flax, all the major frameworks. So start
1:07
from scratch here. So click on use this
1:09
template to create a brand new GitHub
1:12
code space and then it will set up your
1:14
code space here. And you can see the
1:17
interface fully looks like VS code and
1:20
it directly runs directly in the browser
1:22
itself.
1:24
So there is no need to install anything
1:27
and then you just need to say get
1:29
started with VS code. So you can choose
1:31
your theme. So I will simply select one
1:34
theme here.
1:40
So as you can see we selected this theme
1:42
and
1:48
just close this. So here you have all
1:50
the options. You can create any file
1:52
here.
1:57
And here you can use GitHub copilot for
2:01
the shortcuts. The shortcut is control
2:04
I. So here it will ask this window here
2:07
ask copilot. So I can ask a question
2:10
build a calculator.
2:18
So just you asked the question it's
2:20
similar how you use GitHub copilot but
2:23
now it is working directly in the
2:25
browser itself that's called as GitHub
2:27
code spaces.
2:42
So before you need to install code
2:46
pilot.
2:55
So here you just
3:01
just make sure you create a account here
3:07
and
3:08
right here. Now you can create
3:17
can ask a question here and then it will
3:20
generate the response for you directly
3:22
inside this GitHub code spaces. So once
3:25
that response is generated
3:34
can see it created three files here. You
3:36
can even ask follow-up questions as
3:38
well. So in the drop-down you can select
3:41
which
3:42
models you will be using here. So by
3:45
default GPT is using. So you can say
3:48
that uh please make
3:51
all the code in single file. So now what
3:54
will it will do? It will simply create
3:57
one file only where it will generate all
4:00
the code here.
4:03
So in this easy way you copy this code
4:07
and directly go to your
4:10
file and simply paste this code. So in
4:15
this easy way you can create a blank
4:17
canvas. Uh now if you want to create
4:20
this react project just click on use
4:22
this template and then it will create a
4:25
react project. So here you can actually
4:28
save a lot of time by using that
4:31
template and then it will generate this
4:34
uh react template here in GitHub code
4:36
spaces. So by default you can run GitHub
4:39
code spaces 50 hours
4:42
per month. I think this is a limit.
4:45
After that you just need to sign up for
4:47
their paid plan. So you can try this
4:50
tool.
4:52
It's similar to VS Code. It directly
4:55
runs in the browser. You can see it
4:57
simply run that react application. So
5:00
you can make changes here
5:03
and automatically the live preview will
5:06
be generated. So
5:13
so you can see that so we are editing
5:15
our react app and it's constantly
5:17
updating it showing us the result. This
5:20
is GitHub code spaces guys. It's really
5:23
awesome product by GitHub. It lets you
5:25
use GitHub copilot directly with it. You
5:29
can make any sort of web application
5:32
using the GitHub copilot AI feature.
5:36
It's called as GitHub code spaces.
5:38
Definitely try it and also check out my
5:41
website freemediatools.com
5:43
uh which contains thousands of tools.
#Development Tools