Up next in 10
I Built this Next.js PDF Editor Passive Income 10$/Month Web App Using PDF-LIB & jsPDF in Browser
Mar 17, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/i-built-this-next-js-pdf-editor-passive-income-10-month-web-app-using-pdf-lib-jspdf-in-browser/
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so
0:03
in this video I will show you a next
0:05
year's PDF uh renderer that I developed
0:09
uh inside next years so let me show you
0:13
the application right
0:16
here so if I run this application you
0:19
will see it will start this next year's
0:21
application on Local Host to 30001 port
0:24
number so it is just compiling it you
0:27
will see that uh you have run this
0:30
command so this is a passive income
0:33
project that I developed which actually
0:35
runs in the browser it's a static PDF
0:38
editor renderer you may say it will
0:41
display the PDF document so when you
0:43
land on this application you will see
0:45
this choose file button so here you will
0:47
simply click this button and you will
0:49
select a PDF document and it will
0:51
actually display like this this is a
0:54
first page and this is the second page
0:55
and you can easily read your PDF
0:57
documents right in the browser itself
0:59
using this next year's project and if
1:02
you are interested in this project guys
1:04
you can directly go to my description
1:05
link and purchase the full source code
1:08
it's a very good you can even add
1:10
signatures as well digital signatures or
1:14
you can even add a current date which is
1:16
16 March 2025 so you can directly add
1:20
this date and then click save PDF you
1:22
will see the date will automatically get
1:24
added so this is actually the full
1:27
project I'm giving you the link is given
1:29
in the description ion you can also earn
1:31
a lot of passive income by placing
1:33
advertisements as well you can have the
1:35
all the controls zooming zooming
1:39
out
1:40
so we can open the file here any file we
1:44
can download click the download button
1:46
you will see the file will be downloaded
1:48
we also have the print button where you
1:50
can directly print the specific pages of
1:53
your PDF document so then we have more
1:56
app options as well so which is you can
2:00
even even rotate the
2:02
page can see that so hand tool so we
2:06
also can put the hand tool
2:09
so can see the properties of the page so
2:12
let me show you the actual project guys
2:15
if you are interested the link is given
2:17
in the description you can go to my
2:18
website Pro Cod store.com and directly
2:20
purchase a full source code after you
2:23
purchase it you will be redirected to
2:24
Google Drive where you will actually get
2:26
the zip file which will contain this
2:28
directory structure and let me show you
2:30
the package.json file here so we are
2:32
using actually nextjs if you see this is
2:37
a development command next and for this
2:39
we are actually using uh PDF lip which
2:42
is a open- source package for PDF we are
2:45
also using jspdf HTML to Canvas and file
2:48
saver these are all open source packages
2:50
we have used using these libraries to
2:52
build this awesome looking PDF editor so
2:55
you can see we are using the latest
2:56
version of react which is
2:58
18 so then basically you can see we have
3:04
these nextjs files this is the layout
3:06
every component is specifically divided
3:08
into different files in typescript this
3:11
is a PDF editor one this is a PDF viewer
3:14
one you can see that so this is the
3:16
signature one this is the actual toolbar
3:18
that you see so this is actually the
3:21
overall pro project guys if you are
3:23
interested the link is given in the
3:25
description and once you do this it's
3:28
very easy you can run this Pro project
3:30
by executing the command npm run Dev
3:33
after you install all the packages by
3:36
npmi then run this command to run this
3:38
locally you'll see that so if you want
3:41
to deploy this it's very simple you run
3:43
the command here npm run build this will
3:47
actually build this next year's
3:49
application by executing this command
3:51
npm run build so it is actually building
3:54
out this next year's application it is
3:56
creating an optimized production build
3:58
of this application so it will create
4:01
aex
4:02
folder so when you are interested to
4:05
deploy this you can run this command to
4:08
if you are also a developer you can
4:09
easily modify this code that is there
4:11
inside this directory structure if you
4:13
can modify this application after
4:15
purchasing it you will get full
4:17
commercial right to actually modify the
4:19
code as well so it's a very good project
4:22
if you are a developer if you are a
4:24
student wanted to so command is very
4:29
simple I shown you all the
4:31
commands so I basically deploy these
4:35
tools on my
4:37
website and let me show you I am earning
4:40
a lot of passive income iso.com is one
4:43
ad Network that I actually approved my
4:46
domain name so you can see that on each
4:48
day I'm earning a lot of passive income
4:50
so you can see that
4:52
so through these tools so we also have
4:57
the approval on AdSense as well so
5:00
also on AdSense let me show you the data
5:02
for the last 3 years that I'm earning
5:05
right
5:05
here so it's a very good uh passive
5:09
income sites guys the tools that I
5:11
developed so this tool also that I
5:14
showed you is also deployed on my one of
5:17
my websites which is giving you this
5:19
passive income so if you are interested
5:22
guys uh the link is given in the
5:25
description of this PDF renderer and
5:28
editor
5:30
in next CH it will open like
5:35
this it will compile it and it will run
5:38
it locally you can select any PDF
5:41
document right here and it will display
5:43
it so thank you very much guys for
5:46
watching this video and also check out
5:49
my website which is free mediat
5:51
tools.com which contains thousands of
5:53
tools regarding audio video and image
5:56
and I will be seeing you in the next
5:57
video
#Flash-Based Entertainment
#Business Operations
#Programming