Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,480 --> 00:00:05,279
hello
2
00:00:02,399 --> 00:00:09,440
are you excited because in this course
3
00:00:05,279 --> 00:00:12,080
we're gonna learn next js inside and out
4
00:00:09,440 --> 00:00:15,440
now before we get started i always want
5
00:00:12,080 --> 00:00:17,520
to lay out a roadmap of where we start
6
00:00:15,440 --> 00:00:20,000
and where we're going to end up so you
7
00:00:17,520 --> 00:00:22,560
know exactly how you're going to succeed
8
00:00:20,000 --> 00:00:25,599
with this course so what does this
9
00:00:22,560 --> 00:00:28,400
course cover well it's a lot
10
00:00:25,599 --> 00:00:30,400
we start off with the next js
11
00:00:28,400 --> 00:00:33,120
fundamentals we're going to talk about
12
00:00:30,400 --> 00:00:35,760
why was next.js even created why is it
13
00:00:33,120 --> 00:00:37,040
useful why is it growing in popularity
14
00:00:35,760 --> 00:00:39,040
like crazy
15
00:00:37,040 --> 00:00:41,440
and we're going to compare it to react
16
00:00:39,040 --> 00:00:44,719
why you should pick it over using let's
17
00:00:41,440 --> 00:00:47,280
say create react app and why next js has
18
00:00:44,719 --> 00:00:50,640
become so popular with the jam stack
19
00:00:47,280 --> 00:00:53,199
movement this is a great part if you're
20
00:00:50,640 --> 00:00:55,600
already familiar with react but even if
21
00:00:53,199 --> 00:00:57,360
you're not too familiar with react we
22
00:00:55,600 --> 00:00:59,920
make sure that we have some introductory
23
00:00:57,360 --> 00:01:02,480
content for you so that you know which
24
00:00:59,920 --> 00:01:05,600
one to pick when and essentially
25
00:01:02,480 --> 00:01:07,920
understand the benefit of nexus
26
00:01:05,600 --> 00:01:10,320
from there we don't daily daily we go
27
00:01:07,920 --> 00:01:12,400
straight into building our first project
28
00:01:10,320 --> 00:01:13,840
the coffee connoisseur project this
29
00:01:12,400 --> 00:01:16,000
project is meant to teach you the
30
00:01:13,840 --> 00:01:18,240
fundamentals of nexus and working
31
00:01:16,000 --> 00:01:20,640
together to build something right away
32
00:01:18,240 --> 00:01:23,040
using things like css modules fast
33
00:01:20,640 --> 00:01:24,880
refresh and having a professional
34
00:01:23,040 --> 00:01:27,439
project setup we're going to learn about
35
00:01:24,880 --> 00:01:29,759
routing about styling our apps and then
36
00:01:27,439 --> 00:01:32,640
we're also going to dive into topics
37
00:01:29,759 --> 00:01:33,759
that go beyond just the fundamentals or
38
00:01:32,640 --> 00:01:36,560
the basics
39
00:01:33,759 --> 00:01:38,240
we're going to talk about hydration seo
40
00:01:36,560 --> 00:01:40,640
the different rendering techniques in
41
00:01:38,240 --> 00:01:42,640
nexus we're going to use big terms like
42
00:01:40,640 --> 00:01:45,119
static site generation server side
43
00:01:42,640 --> 00:01:46,880
rendering incremental site regeneration
44
00:01:45,119 --> 00:01:48,720
how they're different how do they differ
45
00:01:46,880 --> 00:01:50,640
from client-side rendering you're going
46
00:01:48,720 --> 00:01:53,200
to know all of that by the end of this
47
00:01:50,640 --> 00:01:55,439
section and think intelligently about
48
00:01:53,200 --> 00:01:58,479
building nexus applications and we're
49
00:01:55,439 --> 00:02:00,880
going to be using the foursquare api to
50
00:01:58,479 --> 00:02:03,280
grab real-life coffee store location
51
00:02:00,880 --> 00:02:04,640
around the world but we're not done yet
52
00:02:03,280 --> 00:02:07,040
we're also going to talk about
53
00:02:04,640 --> 00:02:08,720
serverless functions why do we use them
54
00:02:07,040 --> 00:02:11,440
and when we're going to create
55
00:02:08,720 --> 00:02:13,360
serverless functions to retrieve data
56
00:02:11,440 --> 00:02:15,360
and this next part i'm really excited
57
00:02:13,360 --> 00:02:17,440
about because there aren't many courses
58
00:02:15,360 --> 00:02:21,120
that cover this topic
59
00:02:17,440 --> 00:02:23,760
airtable it's a super exciting database
60
00:02:21,120 --> 00:02:26,400
storage that is taking the development
61
00:02:23,760 --> 00:02:28,560
world by storm it's growing like crazy
62
00:02:26,400 --> 00:02:31,920
and it's gonna blow your mind how we can
63
00:02:28,560 --> 00:02:34,640
use airtable as our database and build
64
00:02:31,920 --> 00:02:36,720
really amazing projects trust me you're
65
00:02:34,640 --> 00:02:38,239
gonna love this section and then we're
66
00:02:36,720 --> 00:02:39,760
going to learn about something called
67
00:02:38,239 --> 00:02:41,680
swr
68
00:02:39,760 --> 00:02:43,920
it's a react hooks library that was
69
00:02:41,680 --> 00:02:46,480
built by the next.js team and if you're
70
00:02:43,920 --> 00:02:49,280
building a professional nexjs app you
71
00:02:46,480 --> 00:02:52,160
need to use swr it's a way for us to
72
00:02:49,280 --> 00:02:54,239
build fast and reactive components
73
00:02:52,160 --> 00:02:56,400
you're going to learn all about it but
74
00:02:54,239 --> 00:02:59,200
once we understand the importance of
75
00:02:56,400 --> 00:03:00,080
next.js how to build the nexus apps
76
00:02:59,200 --> 00:03:02,959
well
77
00:03:00,080 --> 00:03:06,319
a big chunk of the course is all about
78
00:03:02,959 --> 00:03:08,400
building a professional big application
79
00:03:06,319 --> 00:03:10,720
and for that we have a really exciting
80
00:03:08,400 --> 00:03:13,040
one it's a netflix clone that we're
81
00:03:10,720 --> 00:03:15,599
going to build or as i like to call it
82
00:03:13,040 --> 00:03:18,000
next felix that's right as you saw in
83
00:03:15,599 --> 00:03:20,080
the promo video this is going to be a
84
00:03:18,000 --> 00:03:22,239
really exciting project
85
00:03:20,080 --> 00:03:24,879
and we're going to do a lot of things
86
00:03:22,239 --> 00:03:27,360
we're obviously going to use css modules
87
00:03:24,879 --> 00:03:29,680
to make our app look exactly like
88
00:03:27,360 --> 00:03:32,080
netflix we're even going to teach you
89
00:03:29,680 --> 00:03:33,840
how to use framer motion trust me that's
90
00:03:32,080 --> 00:03:35,280
going to be a fun part but obviously
91
00:03:33,840 --> 00:03:36,799
we're going to talk about things like
92
00:03:35,280 --> 00:03:39,599
authentication we're going to teach you
93
00:03:36,799 --> 00:03:40,959
how to do passwordless login
94
00:03:39,599 --> 00:03:43,680
we're going to teach you how to do
95
00:03:40,959 --> 00:03:46,080
incremental site regeneration and then
96
00:03:43,680 --> 00:03:49,120
we're going to start using hasura
97
00:03:46,080 --> 00:03:51,360
specifically we started using hasura to
98
00:03:49,120 --> 00:03:53,680
use graphql in this project we're also
99
00:03:51,360 --> 00:03:56,319
going to do authentication with hasura
100
00:03:53,680 --> 00:03:58,480
so that you understand how auth flow
101
00:03:56,319 --> 00:04:01,040
architecture works and introduce this
102
00:03:58,480 --> 00:04:02,239
idea of a server-side sdk to log the
103
00:04:01,040 --> 00:04:03,599
user in
104
00:04:02,239 --> 00:04:06,080
and obviously we're going to have a
105
00:04:03,599 --> 00:04:07,920
professional deployment to production
106
00:04:06,080 --> 00:04:10,480
we're going to use versailles for this
107
00:04:07,920 --> 00:04:12,640
and throughout the entire course we're
108
00:04:10,480 --> 00:04:14,959
going to keep performance in mind we're
109
00:04:12,640 --> 00:04:17,840
going to show you how to build
110
00:04:14,959 --> 00:04:19,440
performant next.js applications because
111
00:04:17,840 --> 00:04:21,840
that's where they shine
112
00:04:19,440 --> 00:04:23,440
now if this wasn't exciting enough even
113
00:04:21,840 --> 00:04:25,280
though i've already mentioned it i have
114
00:04:23,440 --> 00:04:27,280
to mention it again because i swear i
115
00:04:25,280 --> 00:04:30,479
get a million questions every time above
116
00:04:27,280 --> 00:04:32,639
this yes we're using react hooks in this
117
00:04:30,479 --> 00:04:34,880
course but more importantly throughout
118
00:04:32,639 --> 00:04:37,440
the course we're going to keep this idea
119
00:04:34,880 --> 00:04:40,560
of seo in mind
120
00:04:37,440 --> 00:04:42,960
because next.js is great for search
121
00:04:40,560 --> 00:04:44,479
engine optimization and throughout the
122
00:04:42,960 --> 00:04:45,280
course we're going to emphasize this
123
00:04:44,479 --> 00:04:47,199
point
124
00:04:45,280 --> 00:04:49,680
now finally the best thing about the
125
00:04:47,199 --> 00:04:52,000
course is not the course itself it's our
126
00:04:49,680 --> 00:04:54,639
community we have one of the largest
127
00:04:52,000 --> 00:04:57,120
developer community online and we have a
128
00:04:54,639 --> 00:04:59,600
discord server just for ztm students
129
00:04:57,120 --> 00:05:01,120
where you get to partner with other
130
00:04:59,600 --> 00:05:02,639
students that are doing the course at
131
00:05:01,120 --> 00:05:05,120
the same time as you you get to
132
00:05:02,639 --> 00:05:08,080
communicate with instructors like myself
133
00:05:05,120 --> 00:05:10,800
and ankita to ask questions to just say
134
00:05:08,080 --> 00:05:14,000
hi or just talk about the latest and
135
00:05:10,800 --> 00:05:16,320
greatest in technology and most students
136
00:05:14,000 --> 00:05:17,360
say that this is the best part of our
137
00:05:16,320 --> 00:05:18,320
courses
138
00:05:17,360 --> 00:05:20,160
so
139
00:05:18,320 --> 00:05:22,400
yeah we're very excited to start this
140
00:05:20,160 --> 00:05:25,360
course with you i hope you are too you
141
00:05:22,400 --> 00:05:27,919
now have a clear road map to success
142
00:05:25,360 --> 00:05:29,840
so let's not wait any longer let's get
143
00:05:27,919 --> 00:05:32,840
started and we'll see you inside the
144
00:05:29,840 --> 00:05:32,840
course
10602
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.