Up next in 10
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you a VS code
0:04
extension to actually generate NextJS
0:07
files directly from your VS code without
0:10
having to go to terminal and execute
0:12
those commands. So this is the extension
0:14
nextJS file generator. It's fairly new
0:17
extension having 2,00 installs. So
0:20
simply click the install button and once
0:22
the extension is installed, there will
0:24
be this option appearing. So simply
0:27
right click and simply you will see this
0:30
option appearing which is nextjs file.
0:34
This is a menu here and inside this you
0:37
will be able to create routes error
0:39
template layout default any sort of file
0:42
that you need to create. Let's suppose I
0:44
need to create a page file. After that I
0:48
just need to give it the folder name.
0:50
Let's suppose I create a new folder
0:58
inside this
1:02
let's suppose I create a new folder I
1:04
say next files
1:07
and inside this folder I need to create
1:10
a page file and I confirm the folder
1:14
name and you will see automatically a
1:16
page will be created nextJS page
1:19
page.tsx files right here. So
1:22
automatically all the boiler plate code
1:24
will be added right here. You don't need
1:26
to manually create this file and write
1:28
the code. Automatically all the code is
1:30
automatically added. And once again if
1:32
you want to create any other file let's
1:34
suppose a route file. simply select.
1:42
So simply go to this option and simply
1:45
select
1:51
confirm and it will add this now this
1:54
loading page here loading.tsx.
1:57
So just right click and go to this if
2:00
you want to add a error page.
2:04
So all sort of files are there.
2:17
So you will see it will add create this
2:21
all the route files which are there.
2:28
So definitely check out this extension.
2:31
It will save you a lot of time as well.
2:35
You can create a layout file as well.
2:38
You can see all this file is
2:40
automatically generated for you. So
2:42
definitely check out this extension
2:44
nextJS file generator.