Up next in 10
Build a Next.js Freelance Video Editor in Browser Side Hustle with FFmpeg ($300/Day Passive Income)
Dec 27, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-next-js-freelance-video-editor-in-browser-side-hustle-with-ffmpeg-300-day-passive-income/
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
video. So in this video I'll show you I
0:02
built out a NexJS uh freelancer project
0:06
for microbased SAS application. So if
0:10
you want to edit your videos this will
0:11
be a perfect project for you. So we
0:13
running this on local host. So it's an
0:16
complete video editor project. So you
0:17
click and add a new project.
0:21
So it's entirely built in nextJS. This
0:23
is actually the full directory
0:24
structure. If you need the source code
0:26
of this I have given the link. You can
0:28
directly purchase the full source code.
0:30
Each component as you can see it's
0:32
divided into its appropriate TypeScript
0:34
file. So it's very easy for you to
0:36
customize this and add more features on
0:39
top of this. You can easily deploy this
0:41
once you purchase the domain name. We
0:43
are using some FMPPG web assembly
0:46
library for building this. We are also
0:48
using reotion library as well.
0:53
Latest version of next and react we are
0:56
using. So we are running it on local
0:58
host as you can see. So now if you click
1:01
on that you will be redirected to a
1:03
timeline based editor. This is actually
1:05
the interface of the video editor. So
1:08
you can actually earn a lot of passive
1:10
income if you place advertisements once
1:12
you deploy the application or you can
1:14
also enroll in the subscription based
1:16
model as well where user will pay a
1:19
definite amount of fees for using your
1:21
video editor. So once you add the video
1:23
in the timeline, you can easily edit the
1:27
videos. Now let's suppose I only want to
1:29
cut the first 6 seconds. So once I do
1:33
this, you will see you can easily play
1:34
the video inside the video player. And
1:36
now at this moment if I want to cut the
1:39
video, I basically can click the split
1:41
button. And now it will split the video
1:44
into two parts. So now this part I don't
1:47
need. I can click the delete button to
1:49
delete that. And now in this easy way
1:51
you can actually cut videos directly
1:56
using this editor and you can also
1:59
control the volume of this video using
2:02
this slider the position of the video as
2:05
well. Everything is customizable. Then
2:08
if you want to add some text as well you
2:11
can even add that as well your
2:14
watermarks. So click the text button and
2:17
that text will be added. You can control
2:19
the duration of it very easily.
2:22
So now you can play this. The text will
2:24
be added right here. You can also
2:26
control the
2:28
color of the text as well using this
2:30
color picker. You can control the X
2:34
position, Y position of the text
2:36
accordingly.
2:38
Similarly, you can even add images as
2:40
well. So you add media. You can actually
2:44
if you have a image, you can even add
2:46
that as well. So once you add the image
2:50
you can control the duration the width
2:53
and the height of the image as well.
2:55
Similarly
3:10
so you can just see here how easy it is.
3:13
Now this will be the output video. You
3:15
basically can select image,
3:20
you can control it perfectly. So,
3:30
so now this will be the output video. If
3:32
you want to now export this, you can
3:34
click the export button. So, this will
3:36
be a perfect uh SAS kind of an
3:40
application. You can build out micro SAS
3:43
app. You can now export this, control
3:45
the duration, resolution, everything. If
3:48
you click the render button, the
3:49
processing will start. It's a single
3:51
page application. It doesn't have a back
3:53
end. So all the processing directly
3:55
happens in the browser. It's actually
3:57
used FMPG web assembly library. So once
4:01
it reaches 100% automatically the output
4:03
video will get created and uh I will
4:07
definitely recommend purchase it. The
4:09
link will be given in the description.
4:13
So this is actually a great
4:17
passive income idea. You can actually
4:20
earn about $300 per month using this
4:23
application. Once you deploy this using
4:25
a real domain name, I can even show you
4:27
proof as well. You can actually use a ad
4:29
network called as ISOIC. So once you
4:32
purchase a domain name, deploy this
4:34
application.
4:36
This is a high paying ad network. I'm
4:40
also running this.
4:44
So if I show you actual proof here. So
4:47
in the last 30 days I actually
4:51
so this is niche page niche paste
4:53
website.
4:55
So you can see once it's all the
4:57
processing is taking place. So all the
4:59
files are customizable. You can just see
5:01
here TypeScript files. So it's a
5:04
complete NexJS project. It will save you
5:06
a lot of time. It's a great
5:09
uh passive income idea video editor
5:12
directly in the browser.
5:19
So once it completes you will see this
5:21
is your output video text and image is
5:24
automatically added.
5:26
So you don't need any video editor
5:29
instead you can use this and download
5:31
this output video.
5:35
You can just see here. So it's very easy
5:37
for you to edit videos directly in the
5:40
browser using this uh video editor. So
5:43
if you are interested in purchasing the
5:45
source code, the link is given in the
5:47
description.