0:00
In this video, I'll show you I built out
0:01
a NextJS source code to image editor
0:05
where you can actually share screenshots
0:07
of your source code. Uh this next year's
0:09
application directly runs in the
0:11
browser. As you can just see, it's a
0:12
single page application. So here you can
0:15
adjust the language, you can even adjust
0:18
the theme as well, the color combination
0:21
or you can customize it as you can just
0:23
see. Then we have the button to export
0:25
this screenshot to a image file. So as
0:28
you click this the image will get
0:30
downloaded. So this is actually the full
0:32
directory structure of the project. Each
0:34
file is coded directly in Typescript.
0:37
It's fully customizable.
0:40
If you need the source code I have given
0:41
the link in the description. You can
0:43
directly purchase it and you can
0:45
customize it and add additional features
0:47
as well. So we are using the latest
0:49
version as you can just see here the
0:51
next 14 which is the latest version. We
0:54
are also using React 18 and we are using
0:56
HTML to canvas library for building out
0:59
this application for exporting the
1:01
canvas to an image file.
1:04
So you can select any language here
1:08
and you can add your own themes, add
1:11
your own language as well. So once you
1:12
get the source code it's fully
1:18
So as you select the language
1:20
automatically the icon is automatically
1:24
here you using your mouse you can
1:25
actually control the height as well.
1:29
So here you can directly write it this
1:38
so if you need the source code the link
1:40
is given in the description.