Now for this course section
I prepared another starting project for you.
Which you find attached,
which you can download
run NPM install and start the dev server with NPM run dev
and you will see something like this.
That's the demo page,
which I prepared
here we got the starting page,
a log in page,
a profile page and a log out button
at the moment the log out button doesn't do anything
and these forums here also don't do anything.
We are going to add some life to this application
throughout this module.
And we are going to make sure that for example
only authenticated users can go to profile.
And the log in page
on the apprehend should not be accessible.
If you are authenticated
you should not even see that menu option in that case.
So these are the various things we're going to do
in this section,
and definitely feel free to explore
the different components I'm providing to you here.
It's all pretty straight forward.
Just a couple of forums
a couple of standard components on the auth form.
I have some state for switching between login and sign up
when we click this button at the bottom
and all I do here is toggled ,
this is log in state and then use it
to output content conditionally.
When that bottom button is clicked.
So fairly standard,
nothing next JS specific here.
And therefore let's now understand how authentication works
before we then start implementing it.