0:00
to show you I built out a VS code editor
0:02
clone directly in browser in nextJS to
0:05
actually create the coding screenshots.
0:07
So it's a single page application
0:09
directly executes in the browser. So in
0:11
this application it's you basically
0:14
paste whatever source code that you want
0:16
to share with others. So once you paste
0:19
the show source code you can adjust the
0:21
language as well theme
0:25
and then you can also add padding as
0:28
well. Then we have this button export
0:30
png. So this will export this to image
0:32
file. So this is entirely coded inside
0:36
next.js the latest version we are using
0:38
and if you need the source code you can
0:41
directly purchase it. The link is given
0:42
in the description. Each and every
0:45
component is coded directly in
0:47
Typescript. So it's fully customizable.
0:50
You can add more features as well. So
0:52
it's also using this HTML to canvas
0:54
library. So it's directly runs in the
0:57
browser. It's a single page application
1:00
and you can just see here you can export
1:02
your screenshots of the source code and
1:06
if you change the language the icon is
1:09
automatically added right here you can
1:11
just see here you can add more languages
1:14
as well once you get the source code you
1:19
can see the Java language you can also
1:23
resize it as well using these controls
1:33
So you can basically edit the file name
1:43
So the link is given you can directly
1:45
purchase it the full source code of this
