Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:02,120 --> 00:00:03,980
Now for this course section
2
00:00:03,980 --> 00:00:07,270
I prepared another starting project for you.
3
00:00:07,270 --> 00:00:08,700
Which you find attached,
4
00:00:08,700 --> 00:00:09,910
which you can download
5
00:00:09,910 --> 00:00:14,910
run NPM install and start the dev server with NPM run dev
6
00:00:15,020 --> 00:00:17,190
and you will see something like this.
7
00:00:17,190 --> 00:00:18,440
That's the demo page,
8
00:00:18,440 --> 00:00:20,450
which I prepared
9
00:00:20,450 --> 00:00:22,520
here we got the starting page,
10
00:00:22,520 --> 00:00:23,740
a log in page,
11
00:00:23,740 --> 00:00:27,010
a profile page and a log out button
12
00:00:27,010 --> 00:00:29,553
at the moment the log out button doesn't do anything
13
00:00:29,553 --> 00:00:33,550
and these forums here also don't do anything.
14
00:00:33,550 --> 00:00:37,470
We are going to add some life to this application
15
00:00:37,470 --> 00:00:39,770
throughout this module.
16
00:00:39,770 --> 00:00:43,370
And we are going to make sure that for example
17
00:00:43,370 --> 00:00:47,590
only authenticated users can go to profile.
18
00:00:47,590 --> 00:00:49,060
And the log in page
19
00:00:49,060 --> 00:00:51,760
on the apprehend should not be accessible.
20
00:00:51,760 --> 00:00:53,800
If you are authenticated
21
00:00:53,800 --> 00:00:58,000
you should not even see that menu option in that case.
22
00:00:58,000 --> 00:01:00,640
So these are the various things we're going to do
23
00:01:00,640 --> 00:01:02,550
in this section,
24
00:01:02,550 --> 00:01:04,760
and definitely feel free to explore
25
00:01:04,760 --> 00:01:07,743
the different components I'm providing to you here.
26
00:01:08,833 --> 00:01:10,020
It's all pretty straight forward.
27
00:01:10,020 --> 00:01:11,430
Just a couple of forums
28
00:01:11,430 --> 00:01:15,060
a couple of standard components on the auth form.
29
00:01:15,060 --> 00:01:19,800
I have some state for switching between login and sign up
30
00:01:19,800 --> 00:01:22,130
when we click this button at the bottom
31
00:01:22,130 --> 00:01:24,130
and all I do here is toggled ,
32
00:01:24,130 --> 00:01:27,090
this is log in state and then use it
33
00:01:27,090 --> 00:01:29,440
to output content conditionally.
34
00:01:29,440 --> 00:01:32,090
When that bottom button is clicked.
35
00:01:32,090 --> 00:01:34,000
So fairly standard,
36
00:01:34,000 --> 00:01:36,520
nothing next JS specific here.
37
00:01:36,520 --> 00:01:40,940
And therefore let's now understand how authentication works
38
00:01:40,940 --> 00:01:43,033
before we then start implementing it.
2827
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.