Up next in 10
Build a $50/Month SaaS: Browser-Based Video Editor Using Next.js & FFmpeg WebAssembly
Mar 3, 2026
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-50-month-saas-browser-based-video-editor-using-next-js-ffmpeg-webassembly/
Show More Show Less View Video Transcript
0:02
Uh hello guys, welcome to this uh live
0:04
stream. So in this live stream, I'll
0:05
show you I built out a NexJS SAS kind of
0:10
a web application which can potentially
0:12
earn you $50 per month if you deploy
0:15
this video editor application inside
0:18
your domain name. So we are running this
0:20
locally just to show you the demo of the
0:23
application. So once you get started,
0:25
you basically need to create a project
0:27
here. So this video editor project
0:29
directly executes directly in the
0:31
browser. So it has this timeline based
0:34
editor which you see in major video
0:37
editor project. So here you can add your
0:39
video file whichever video file you want
0:41
to edit. So you can click the plus icon
0:45
to add the video inside the timeline. So
0:48
you can actually play the video. So it's
0:50
actually developed this SAS application
0:52
is developed in nextJS. Each and every
0:55
component is divided into its
0:57
appropriate TypeScript file here. All
1:00
the things are customizable. So you can
1:02
easily customize this project and add
1:05
additional features as well. So I have
1:06
given the link you can directly purchase
1:08
it. After purchasing it all the source
1:11
code will automatically be downloaded
1:12
from Google drive. So we are using FMPG
1:15
web assembly library.
1:18
So we are using the latest version of
1:20
next and react. So we are running it
1:22
locally. So once you add the video, you
1:24
can easily cut the video at any section.
1:28
Let's suppose I only want to cut the
1:30
first 6 seconds of the video. Uh then I
1:33
can actually click this split button. So
1:36
you just need to select the video inside
1:39
the timeline section and just click
1:41
split. And now it will uh split it the
1:45
video into two sections. This is the
1:48
section that we want. And now this
1:50
section if you don't want you can click
1:51
the delete button. And inside the video
1:54
you can also control the volume each and
1:57
every you can also adjust the position
2:00
of the video as well by manipulating the
2:03
X Y position width and height. And then
2:06
you also have the ability to add text as
2:09
well. So if you see you can add a text
2:11
over there. So if you want to add your
2:13
watermark
2:17
so you can change the color of the text
2:20
here. Click add text. So now that text
2:23
will be added. You can easily adjust
2:26
this.
2:30
Again you can manipulate the color here
2:33
accordingly.
2:34
And then you can adjust the position of
2:36
the text here. X and the Y position
2:39
however you want to place it. You can
2:41
even adjust the phone size as well.
2:45
Similarly you also have ability to add
2:48
images. You go to the media section and
2:50
add your image as well. So you can just
2:53
see here how easy it is. Again just
2:56
click the split button and this section
2:58
you can delete this. So you can just see
3:00
how easy it is.
3:03
Now just select the image and here you
3:05
can manipulate the width and the height
3:07
of the image as well. So just place it
3:09
accordingly.
3:11
You can just see how easy it is. So you
3:13
can purchase this SAS application. You
3:16
can actually make a lot of money using
3:19
this video editor by placing
3:21
advertisement. The user will come to
3:23
your tool website. They will see the
3:25
advertisement or you can also start a
3:28
SAS subscriptionbased model.
3:31
So once you're ready to export, you can
3:33
click the export button and here you can
3:36
control the quality of the video
3:38
processing speed everything. So now the
3:40
fmPG processing will start directly in
3:43
the browser. So it also comes with a
3:45
progress bar. So once it reaches 100%
3:48
you will see the output video.
3:52
So you can purchase this. The link is
3:54
given. I basically built this project
3:56
from scratch. So this will save you a
3:58
lot of time if you if you don't have
4:01
time if you don't want to construct the
4:03
project from scratch. So here you can
4:05
use this and add additional features on
4:07
top of this project.
4:10
So it has all the features. You can also
4:11
look at the source code once you
4:13
purchase it how I built this. So,
4:16
so this SAS application we are using
4:19
this library if you don't know ffmppg
4:21
web assembly library. It's actually a
4:24
library for executing ffmpg directly in
4:27
the browser. So we are using this to
4:30
construct this in nextJS.
4:39
So once it is done it will show you the
4:41
output video.
4:45
So you basically can do video editing
4:48
directly in the browser. It says
4:51
once you purchase the domain name it's
4:53
very easy to deploy and then you can man
4:55
monetize using ISOIC and AdSense which
4:58
are great ad networks if you want to
5:00
start a SAS software as a service. You
5:03
can even enroll start a
5:05
subscriptionbased model as well and earn
5:08
a lot of revenue as well. So potentially
5:10
it can earn up to $50. You can potenti
5:14
limit is endless. You will see this is
5:16
actually the output video which has
5:18
created the text and the image is there
5:23
and then you can download the video as
5:26
well as an MP4 file. So automatically
5:29
all the edits you have done is
5:31
automatically saved.
5:34
So this is a complete video editor SAS
5:36
application which roughly can earn you
5:39
about $50 per month in next years. So
5:41
all the source code I've written in
5:43
Typescript. So the link is given in the
5:45
description you can purchase it.