So let's finally get started
with the NextJS essentials and let's explore that app router
and all the core NextJS concepts you must know
in-depth in this section here.
And for that, we first of all need a new next project,
though I will say that attached to this lecture,
you find a project on Code Sandbox in case you wanna follow
along there so that you don't have
to install anything locally on your system.
And you also find a local starting project.
So for a local project on your system attached
to this lecture as well, simply a default next project,
which I cleaned up a little bit,
and which we'll use as a starting project for this section.
I did create this attached project
with this NPX create-next-app command.
But then as mentioned, I simply cleaned it up a bit.
So here I opened up this edited starting project
with Visual Studio Code, the code editor I personally prefer
and I'll be using throughout this course.
And in this project, I simply changed the content
of the app folder, changed the content
that's shown on the screen for that default page,
added a different logo in the public folder,
and overwrote the rules set up in this eslintrc.json file.
Other than that, it's the default starting project you would
get when running that command
that's shown on the NextJS website.
And with that, you can then go into your
terminal in that project.
So open your default terminal or command prompt
and navigate into this project,
or use the one integrated into Visual Studio Code,
which is navigated into that project automatically.
And make sure that you run npm install once to ensure
that all dependencies are installed.
On Code Sandbox, you don't need to do that.
And thereafter run npm run dev
to start the development server, which allows you
to preview the application.
On Code Sandbox, you also don't need to do that
since there the server is already up and running.
Now with that, you then see the address, which you can visit
to preview the project.
And if you then go to that address,
you should see something like this on the screen.
And that's that very basic first starting project
I prepared for you.
And now we can take a closer look at that folder
and how that all works.