0:00
Welcome to this live stream. So in this
0:01
live stream, I'll show you I built out a
0:03
NexJS application which allows you to
0:06
export your source code into a image
0:09
file. It's an all-in-one code formatter
0:12
and source code to image editor directly
0:14
in browser. We are running it
0:16
application locally right here. As you
0:18
can see this is actually the interface
0:20
of the application. So here you will
0:22
paste your source code whatever source
0:25
code that you want to share and here you
0:27
can basically select whichever language
0:30
JavaScript, HTML, CSS, Python all the
0:33
major languages are there. You can even
0:35
add your own languages as well. So this
0:38
is actually the full source code of this
0:39
application. It's using the latest
0:41
version of next. And if you need the
0:44
source code, I've given the link. You
0:45
can directly purchase it. So all the
0:47
files are coded inside Typescript. Each
0:50
and every file is customizable. You can
0:52
add more features on top of this
0:54
application. So we have compiled this
0:56
application. We are running it on
0:57
localhost 3000. And you can even adjust
1:01
the theme as well. If you don't like
1:02
this theme, you can adjust it.
1:06
And here you can have different themes
1:11
Theme selector, you can select anything.
1:14
And then we have this padding here.
1:17
And then we have this button right here
1:19
export PNG. So once you click this
1:21
button everything will be exported to an
1:24
uh PNG image file. So it's a single page
1:27
application. All the processing is
1:29
directly happening it in the browser. So
1:32
you will just see right here. So if you
1:34
need the source code the link is given
1:41
Can just name it whatever you like right
1:46
here also you can directly write the
1:48
code here. It's you can just see here
1:56
automatically the syntax highlighting
1:58
will be added right here.
2:02
So it's coded inside next.js. If you
2:05
need this source code the link is given