0:00
Uh hello guys, welcome to this video. So
0:02
in this video I'll show you I built out
0:05
an XJS project which allows you to
0:07
download Instagram videos and res
0:10
directly in the browser. So this is the
0:12
demo of the application. We are running
0:14
it locally here on localhost 3000. So
0:17
this is the interface of the
0:19
application. So right here in the search
0:21
bar you will paste the Instagram post
0:27
So it can be a real or a video simply
0:30
copy the address. Go to Instagram and
0:32
copy the address and whenever you come
0:35
to this application simply you paste the
0:39
link here. After pasting the link you
0:41
click the download button and instantly
0:43
it will make the request to the
0:45
Instagram graphql API and instantly
0:48
download this real video and download
0:50
this as a MP4 video file. So now you can
0:54
see that the video is successfully
0:57
downloaded. Same goes with the video as
0:59
well. You can take Instagram profile
1:02
video for example. I take this I copy
1:07
and again I go to this
1:11
simply paste it and again it will make a
1:15
request to the Instagram graphql API.
1:18
So all the processing is happening
1:20
directly in the browser. No serverside
1:22
code is involved. So it's a single page
1:24
application. So once the video is
1:26
downloaded, you can play the video
1:28
directly inside your machine. So this
1:31
will save you a lot of time. As you can
1:34
see the video is successfully downloaded
1:35
from Instagram. So I have given the
1:37
source code in the description. You can
1:39
directly purchase it. This is the full
1:42
directory structure of the project. Each
1:44
component is divided into its uh
1:46
appropriate TypeScript file. Here you
1:49
can just see right here.
1:52
For this we are actually
1:54
making request to the Instagram graphql
1:57
official API. This is uh you can do this
2:01
unlimited number of times. So I just
2:03
written this code from scratch for
2:06
downloading Instagram res and videos. So
2:10
as you can see we have this API where we
2:13
are making the request and getting the
2:15
response and then downloading it. So
2:17
it's a fully fleshed single page
2:19
application. If I show you the package
2:22
dojson file we are using the nextjs
2:26
the latest version as you can see.
2:31
So this is a single page application all
2:34
the processing happening directly in the
2:35
browser. So right here you paste the
2:39
link here. After pasting the link that
2:42
video will be downloaded instantly.
2:46
So the link is given in the description.
2:48
You can directly purchase it. After
2:51
purchasing it, your source code will be
2:53
downloaded from Google Drive
2:56
So once you get the source code, you
2:58
will able to modify the source code or
3:00
add additional features on top of it as
3:03
well. So it's the code is very easy to
3:06
understand once you get the source code.
3:10
So all the files are coded inside their
3:14
So each and every component is
3:18
documented very easy to understand code.
3:21
You can even put your advertisement as
3:23
well. Once you deploy this application I
3:25
created this component for you where you
3:27
can put your own advertisement as well.
3:30
So right here whenever user come to your
3:32
website you can at the bottom side you
3:34
can place some AdSense advertisements as
3:37
well. So apart from that we also have
3:40
the dark mode as well. If you need the
3:44
dark mode, you can click that. So you
3:47
simply paste the link of the Instagram
3:49
video re instantly the video will be
3:52
downloaded. So this is a really nice
3:54
project inside NexJS. If you are
3:57
interested, I've given the link. You can
4:00
directly purchase the full source code
4:06
then you can instantly deploy this
4:08
application to your domain name or you
4:11
can run this project that I'm running it
4:13
locally as well npm rundef.
4:17
So this will start the application
4:19
locally. So you can see that