0:01
Uh hello guys, in this video I'll show
0:03
you I built out a NexJS Instagram
0:06
downloader application where you can
0:10
uh videos and res from Instagram
0:12
directly in the browser. So this is a
0:14
demo of the application. We are running
0:16
it locally here localhost 3000. So right
0:19
here you paste go to Instagram just go
0:21
to the real section. and I copy the
0:23
address and then come to this
0:25
application and simply paste the link of
0:28
the Instagram re. After pasting it, we
0:31
have a download button right here by
0:33
which we can download this real as an
0:35
MP4 video file. So instantly it will
0:38
make the request to the Instagram
0:40
graphql API and instantly it will
0:43
download the video as it is. You can see
0:46
that. So this is a nextJS project. If
0:48
you need the full source code of this
0:50
project, I've given the link in the
0:52
description of the video. So you can
0:54
directly purchase it. After purchasing
0:56
it, you will get this directory
0:57
structure. Each component is divided
1:00
into its appropriate TypeScript file.
1:03
And uh if I show you the package.json
1:05
file, we are using the latest version of
1:10
React. As you can see in the background,
1:13
we are making request to the Instagram
1:14
GraphQL API to actually make the
1:18
download request and instantly the
1:21
download is completed as soon as you
1:23
paste the link. So once you get the
1:25
source code you will be able to
1:27
understand how I coded this application
1:29
and also be able to add some additional
1:31
features on top of this application. So
1:34
the link is given in the description you
1:36
can directly purchase it. So the thing
1:38
about this application all the
1:40
processing is happening directly in the
1:42
browser. It's a single page application.
1:45
So no back end is there in this
1:46
application. So you simply paste the
1:49
link. After pasting the link, you click
1:51
the download button and then it makes
1:53
the request to the Instagram graphql API
1:56
and instantly your video is downloaded.
1:59
You can take any example. You can go to
2:01
any profile here. Just copy this
2:09
and again paste it. So you can do this
2:14
unlimited number of times. So once you
2:16
purchase it, this is unlimited number of
2:18
solution. You can also deploy this
2:20
application to a domain name so that
2:22
users comes to your website. You can
2:25
even place some AdSense
2:28
advertisements as well. So I basically
2:31
created a AdSense component for you
2:34
where you can put advertisements
2:36
once you deploy this to a domain name or
2:41
so you will be able to understand how I
2:43
coded with the Instagram graphq API to
2:46
build out this Instagram web downloader
2:50
So this will be a great project. If you
2:52
are interested I've given the link in
2:54
the description. You can directly
2:56
purchase the full source code.