0:00
uh hello friends welcome to this video
0:03
So in this video I'll show you uh a
0:05
NexJS application which allows you to
0:07
export multiple images to PDF documents
0:10
So this is the application I'm running
0:12
it on localhost 3000 So this is actually
0:16
the interface of the application So here
0:18
you can drag and drop multiple images or
0:21
you can select multiple PNG or JPG
0:25
images So as you select the images you
0:27
will see the live preview and each image
0:30
will be displayed and now we have the
0:32
button here to export all these images
0:34
to a PDF document So we click this
0:37
button and our PDF file will be
0:40
downloaded the output file So if I try
0:42
to open this file here you will see on
0:45
each page a single image will be
0:47
displayed here This is the first image
0:49
second image third image fourth image
0:52
and fifth image This is a nice little
0:54
tool converter website which allows you
0:57
to convert multiple images to PDF And
1:00
for this we are using
1:03
Nex.js If I show you this is actually
1:05
the full project code directory
1:07
structure If I show you package.json we
1:11
NextJS5 We are also using PDF lib which
1:18
library It's a free open-source If you
1:25
lib So this is actually the library that
1:29
we are using here So if you need the
1:31
full source code of this application the
1:32
link is given in the description You can
1:34
go to my website troocodestore.com and
1:37
directly purchase the full source code
1:40
and uh after purchasing the source code
1:42
you will get a zip file which will after
1:45
you extract it you will get this
1:53
each component is there So this is
1:56
actually the full code here which is in
1:59
JavaScript here All the files are coded
2:02
JavaScript So it's a nextJS application
2:06
So if you try to run this for the very
2:08
first time you simply go to the folder
2:10
and just type here npmi So this will
2:13
install all the NodeJS modules and
2:15
create this folder And then you just
2:17
need to run this by npm rundev So this
2:21
will start the development server on
2:27
3000 So if you try to open localhost
2:32
3000 the application will compile and it
2:37
here Then you select your
2:40
images convert to PDF and you will see
2:43
all your images will be converted to PDF
2:46
So this is actually the nextJS image to
2:49
PDF application If you are interested in
2:52
this application the link is given in
2:54
the description You will get the full
2:56
source code If you are a developer you
2:58
can add additional functionalities to it
3:00
as well You can also modify the code as
3:02
well after you purchase it So this is
3:05
actually the project Uh thank you very
3:07
much for watching this video and also
3:10
check out my website freemediattools.com
3:12
which contains thousands of tools
3:15
regarding audio video and image and I
3:18
will be seeing you in the next video
