Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:01,599 --> 00:00:07,680
now let's take a look at why is next js
2
00:00:04,400 --> 00:00:10,719
popular well as if we have any doubt
3
00:00:07,680 --> 00:00:13,280
about its popularity you can already see
4
00:00:10,719 --> 00:00:15,759
the million reasons why nextgs is so
5
00:00:13,280 --> 00:00:17,119
powerful and we are barely sketching the
6
00:00:15,759 --> 00:00:20,000
surface here
7
00:00:17,119 --> 00:00:23,359
we have only picked the top benefits
8
00:00:20,000 --> 00:00:25,039
that i personally like about nexus right
9
00:00:23,359 --> 00:00:27,199
but there are so much more that you will
10
00:00:25,039 --> 00:00:30,000
learn in this specific course
11
00:00:27,199 --> 00:00:32,000
there is also a really strong developer
12
00:00:30,000 --> 00:00:34,480
community for nexus
13
00:00:32,000 --> 00:00:36,800
and next yes takes care of the lot of
14
00:00:34,480 --> 00:00:38,800
the complexity for you so you don't need
15
00:00:36,800 --> 00:00:41,440
to worry about a lot of things that you
16
00:00:38,800 --> 00:00:44,079
need to worry about when you're using
17
00:00:41,440 --> 00:00:46,640
create react app
18
00:00:44,079 --> 00:00:49,840
with create react app you need to add a
19
00:00:46,640 --> 00:00:51,520
lot of different packages grasp a lot of
20
00:00:49,840 --> 00:00:55,520
different domain knowledge such as
21
00:00:51,520 --> 00:00:58,160
performance seo and all of this is not
22
00:00:55,520 --> 00:01:01,199
easy to do in create react app it is
23
00:00:58,160 --> 00:01:02,879
definitely doable but it is not easy you
24
00:01:01,199 --> 00:01:04,720
need to learn a lot just for
25
00:01:02,879 --> 00:01:07,200
configuration
26
00:01:04,720 --> 00:01:09,920
and then you can learn more about seo
27
00:01:07,200 --> 00:01:11,520
after and then figure out how to add all
28
00:01:09,920 --> 00:01:14,720
of those things on top
29
00:01:11,520 --> 00:01:17,680
you also need to learn how webpack works
30
00:01:14,720 --> 00:01:19,680
not sure about you but
31
00:01:17,680 --> 00:01:22,960
this is definitely one of the complex
32
00:01:19,680 --> 00:01:24,880
topics about using create react app
33
00:01:22,960 --> 00:01:28,159
we need to know inside and out how
34
00:01:24,880 --> 00:01:30,720
webpack works and lots more but next
35
00:01:28,159 --> 00:01:31,680
years just takes care of a lot of it for
36
00:01:30,720 --> 00:01:33,759
you
37
00:01:31,680 --> 00:01:36,159
but all this to say
38
00:01:33,759 --> 00:01:38,119
we should not forget about all of these
39
00:01:36,159 --> 00:01:40,640
concepts as these are still the
40
00:01:38,119 --> 00:01:42,640
responsibilities of a developer
41
00:01:40,640 --> 00:01:45,439
a good developer
42
00:01:42,640 --> 00:01:47,680
will know all these different concepts
43
00:01:45,439 --> 00:01:51,439
and are able to make the judgment for
44
00:01:47,680 --> 00:01:54,079
which framework should be used when
45
00:01:51,439 --> 00:01:55,759
in my opinion like i mentioned before a
46
00:01:54,079 --> 00:01:58,159
lot of the fatigue while building a
47
00:01:55,759 --> 00:02:00,159
react app comes from having to make a
48
00:01:58,159 --> 00:02:04,479
lot of different choices
49
00:02:00,159 --> 00:02:06,640
but in next years a lot is done for you
50
00:02:04,479 --> 00:02:08,640
and the biggest differentiating factor
51
00:02:06,640 --> 00:02:10,879
that we saw earlier in this specific
52
00:02:08,640 --> 00:02:13,920
section is the rendering techniques of
53
00:02:10,879 --> 00:02:16,239
next.js as well in create react app if
54
00:02:13,920 --> 00:02:20,160
you need to configure server side
55
00:02:16,239 --> 00:02:22,640
rendering it is incredibly difficult
56
00:02:20,160 --> 00:02:24,959
we need to configure a lot of stuff and
57
00:02:22,640 --> 00:02:26,239
add a lot of different packages to make
58
00:02:24,959 --> 00:02:28,080
this happen
59
00:02:26,239 --> 00:02:30,160
but with next.js
60
00:02:28,080 --> 00:02:32,319
you can pick and choose
61
00:02:30,160 --> 00:02:35,200
for which page you want which specific
62
00:02:32,319 --> 00:02:37,840
technique so you can focus on building
63
00:02:35,200 --> 00:02:39,360
the best performance application out
64
00:02:37,840 --> 00:02:43,040
there
65
00:02:39,360 --> 00:02:45,680
and that is the power of next.js
66
00:02:43,040 --> 00:02:47,440
now all this to say create react app
67
00:02:45,680 --> 00:02:49,120
definitely helped us a lot when next
68
00:02:47,440 --> 00:02:51,920
years was not around
69
00:02:49,120 --> 00:02:55,120
we learned a lot of react
70
00:02:51,920 --> 00:02:57,599
because of create react app
71
00:02:55,120 --> 00:02:59,280
so we should definitely be grateful for
72
00:02:57,599 --> 00:03:00,080
create react app
73
00:02:59,280 --> 00:03:02,879
for
74
00:03:00,080 --> 00:03:05,280
helping us so far but now that nextgs is
75
00:03:02,879 --> 00:03:07,599
around we should be using
76
00:03:05,280 --> 00:03:09,599
next.js more so to build our
77
00:03:07,599 --> 00:03:12,000
applications
78
00:03:09,599 --> 00:03:14,480
so if you're wondering well
79
00:03:12,000 --> 00:03:16,720
wait wait a second so should we never
80
00:03:14,480 --> 00:03:18,800
use create react tab then should we
81
00:03:16,720 --> 00:03:20,560
always go for next yes
82
00:03:18,800 --> 00:03:22,959
well it totally depends on your
83
00:03:20,560 --> 00:03:24,879
application
84
00:03:22,959 --> 00:03:27,120
if you have a pretty simple
85
00:03:24,879 --> 00:03:29,920
straightforward application
86
00:03:27,120 --> 00:03:32,400
you can go for create react app and then
87
00:03:29,920 --> 00:03:33,920
build an application further
88
00:03:32,400 --> 00:03:35,920
now next gs
89
00:03:33,920 --> 00:03:38,400
as we saw already is definitely
90
00:03:35,920 --> 00:03:41,120
opinionated about a lot of the things
91
00:03:38,400 --> 00:03:43,519
such as its file based routing system
92
00:03:41,120 --> 00:03:46,319
so in order to go ahead and get started
93
00:03:43,519 --> 00:03:48,640
on nexus even though it's easier you
94
00:03:46,319 --> 00:03:51,360
still need to learn how next year
95
00:03:48,640 --> 00:03:53,920
specifically works as well
96
00:03:51,360 --> 00:03:55,920
with create react app you're able to
97
00:03:53,920 --> 00:03:57,680
build whatever routing system that you
98
00:03:55,920 --> 00:03:59,680
want based on the package that's
99
00:03:57,680 --> 00:04:01,680
available out there
100
00:03:59,680 --> 00:04:02,720
so depending on the project you can
101
00:04:01,680 --> 00:04:05,519
decide
102
00:04:02,720 --> 00:04:08,480
what makes sense for you if next year's
103
00:04:05,519 --> 00:04:10,400
makes sense or create react app
104
00:04:08,480 --> 00:04:13,280
if you want to take advantage of the
105
00:04:10,400 --> 00:04:15,439
different rendering techniques of nexus
106
00:04:13,280 --> 00:04:17,560
such as static side generation service
107
00:04:15,439 --> 00:04:20,239
ad rendering and incremental site
108
00:04:17,560 --> 00:04:22,320
regeneration which is a huge
109
00:04:20,239 --> 00:04:23,919
differentiating factor
110
00:04:22,320 --> 00:04:27,280
between the two then you should
111
00:04:23,919 --> 00:04:29,199
definitely stick for nexus application
112
00:04:27,280 --> 00:04:32,479
it is definitely a
113
00:04:29,199 --> 00:04:35,040
production application it is a react
114
00:04:32,479 --> 00:04:36,880
framework for production
115
00:04:35,040 --> 00:04:39,440
but when you want to scale your
116
00:04:36,880 --> 00:04:41,759
application to tens of thousands of
117
00:04:39,440 --> 00:04:44,320
pages you definitely want to leverage
118
00:04:41,759 --> 00:04:46,240
something like static set generation and
119
00:04:44,320 --> 00:04:48,479
server side rendering
120
00:04:46,240 --> 00:04:50,479
to take advantage of the best of both
121
00:04:48,479 --> 00:04:53,120
worlds
122
00:04:50,479 --> 00:04:56,639
with react that is just not possible you
123
00:04:53,120 --> 00:04:58,160
can add on to it but it is definitely
124
00:04:56,639 --> 00:05:01,199
complex
125
00:04:58,160 --> 00:05:03,759
with next js all of this is available
126
00:05:01,199 --> 00:05:05,919
for you so you can make the best choices
127
00:05:03,759 --> 00:05:08,240
for your application and take them to
128
00:05:05,919 --> 00:05:09,600
production and make them really
129
00:05:08,240 --> 00:05:11,840
performant
130
00:05:09,600 --> 00:05:14,400
because when it comes to scalability you
131
00:05:11,840 --> 00:05:16,639
do need to think about performance seo
132
00:05:14,400 --> 00:05:20,000
and all these things really matter and
133
00:05:16,639 --> 00:05:22,400
next year solves for that
134
00:05:20,000 --> 00:05:25,360
with create react app it's great to get
135
00:05:22,400 --> 00:05:27,520
started to learn react to get started
136
00:05:25,360 --> 00:05:28,720
with react to learn the fundamentals of
137
00:05:27,520 --> 00:05:30,639
react
138
00:05:28,720 --> 00:05:33,360
but after you have been able to grasp
139
00:05:30,639 --> 00:05:36,720
all the knowledge of react you can jump
140
00:05:33,360 --> 00:05:39,120
ship to next yes and take your
141
00:05:36,720 --> 00:05:42,479
skill set to the next level
142
00:05:39,120 --> 00:05:44,560
i genuinely believe and am invested in
143
00:05:42,479 --> 00:05:46,400
the future of nexus
144
00:05:44,560 --> 00:05:49,120
nextgs have also partnered with
145
00:05:46,400 --> 00:05:50,880
companies like google to also master
146
00:05:49,120 --> 00:05:52,880
performance as well
147
00:05:50,880 --> 00:05:55,440
and they are working closely with the
148
00:05:52,880 --> 00:05:58,960
chrome team to go ahead and add a lot of
149
00:05:55,440 --> 00:06:01,039
performance optimizations as well so
150
00:05:58,960 --> 00:06:04,560
i am really excited for the future of
151
00:06:01,039 --> 00:06:07,280
nextgs i hope you are as well so
152
00:06:04,560 --> 00:06:09,280
what are we waiting for let's go ahead
153
00:06:07,280 --> 00:06:12,520
and get started i'll see you soon in the
154
00:06:09,280 --> 00:06:12,520
next section
10833
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Albanian
Amharic
Armenian
Azerbaijani
Basque
Belarusian
Bengali
Bosnian
Bulgarian
Catalan
Cebuano
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Finnish
French
Frisian
Galician
Georgian
German
Greek
Gujarati
Haitian Creole
Hawaiian
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Khmer
Korean
Kurdish (Kurmanji)
Kyrgyz
Lao
Latvian
Lithuanian
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mongolian
Myanmar (Burmese)
Nepali
Norwegian
Pashto
Polish
Portuguese
Romanian
Russian
Samoan
Serbian
Sesotho
Shona
Sinhala
Slovak
Slovenian
Somali
Spanish
Swahili
Swedish
Tajik
Thai
Turkish
Ukrainian
Urdu
Uzbek
Vietnamese
