React Simplified - Next.js

9h 33m 4s
English
Paid

Welcome to my Next.js course. This course is a little bit interesting in how it's structured because it's actually broken into two main sections. That's because Next.js has two main ways that you can render out and use Next.js. These two ways are essentially completely different from each other in how they work, so that's why the course is broken into two different sections.

The first major section is going to be on the app router. You'll notice there's a few sections in this course that'll be prefixed with app router or app. That way you know those are specifically about the app router.

Then after that, I have a couple sections specifically about the pages directory. You'll see there's going to be something like pages directory or pages or something along those lines at the prefix of those sections. That way you know that there's a certain section for the app router and there's a certain section for the pages directory.

Finally, at the very end of the course, there's a general section that is going to be applicable to both the app router and the pages directory. It doesn't matter which way you plan on actually rendering your Next.js applications. This general section applies to both of those different paradigms.

The nice thing about Next.js is you can use both of these paradigms together at once, but the app router is the newer way of doing things. I personally find it more enjoyable and easier to work in, while the pages directory is technically the older way of doing things, but it's really not that old, and a lot of companies still use it, which is why I include both sections in this course. If you have just one section you want to choose, I would recommend choosing the app router section just because that's the newest way of doing things and that's where Next.js is going towards, but a lot of companies still use the pages directory, so I'd recommend if you want to learn the pages directory, that you would go through both the app router and the pages directory section because I do a lot of references back to what the app router is in the pages directory, that way it's easier to understand.

I'd recommend doing both sections if you want to learn the pages directory, but if you only want to learn the app router, you can just skip the pages directory section. Most companies that you're going to be working in are probably going to be using both of these different techniques, though, because they're going to have legacy code using the pages directory, and maybe their newer code is going to be using the app router, so honestly, I'd probably recommend learning both of them just because most companies are going to have you use both of them.

Watch Online React Simplified - Next.js

Join premium to watch
Go to premium
# Title Duration
1 Next.js 15 Updates 01:30
2 Course Introduction 02:04
3 What Is Next.js 04:10
4 Your First Next.js Project 09:17
5 Routing Basics 10:47
6 Metadata 09:00
7 Loading & Errors 12:14
8 Dynamic Routes 12:19
9 TypeScript Setup 02:21
10 Read Only Blog Introduction 02:25
11 Read Only Blog Walkthrough 39:07
12 Data Fetching 08:22
13 Request Memoization Cache 08:22
14 Data Cache 20:00
15 Full Route Cache 09:35
16 Router Cache 07:10
17 DynamicIO 23:51
18 Caching Recap 08:21
19 Server vs Client Components 23:21
20 Dynamic vs Static 13:07
21 Dynamic Functions 11:43
22 Static Paths 07:54
23 Blog Updates Introduction 05:57
24 Blog Updates Walkthrough 16:59
25 Blog Updates DynamicIO 05:17
26 Server Actions With Forms 24:15
27 Server Actions Not In Forms 10:02
28 Blog Mutation Introduction 05:28
29 Blog Mutation Walkthrough 37:10
30 Blog Mutation DynamicIO 02:55
31 Templates 05:38
32 Route Groups 10:07
33 Parallel Routes 22:58
34 Intercepting Routes 21:25
35 Route Handlers 14:58
36 after Function 03:30
37 Your First Next.js Pages Directory App 03:45
38 Routing 06:19
39 Metadata 02:44
40 Special Files 06:57
41 Rendering Modes 08:11
42 getServerSideProps 09:22
43 getStaticProps & getStaticPaths 09:09
44 getInitialProps 02:48
45 Data Mutation 09:52
46 Blog Project Introduction 04:44
47 Blog Project Walkthrough 45:07
48 Fonts 10:21
49 Images 10:43
50 Scripts 06:45
51 Forms 02:38

Similar courses to React Simplified - Next.js

Next JS & Open AI / GPT: Next-generation Next JS & AI apps

Next JS & Open AI / GPT: Next-generation Next JS & AI appsudemy

Category: Next.js, ChatGPT
Duration 5 hours 8 minutes 46 seconds
Server side rendering with Next + React

Server side rendering with Next + Reactudemy

Category: React.js, Next.js, MongoDB, OpenGL Shading Language (GLSL)
Duration 29 hours 43 minutes 19 seconds
Next.js 14 Real-Time Chat App using Socket IO

Next.js 14 Real-Time Chat App using Socket IOudemy

Category: Next.js, Socket.IO
Duration 12 hours 22 minutes 25 seconds
supastarter - SaaS starter kit for Next.js & Nuxt

supastarter - SaaS starter kit for Next.js & Nuxtsupastarter

Category: Next.js, Other (Mobile Apps Development)
Duration
Next.js - The Full Course

Next.js - The Full Coursefireship.io

Category: React.js, Next.js
Duration 1 hour 14 minutes 14 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejsudemy

Category: React.js, Next.js, Node.js, MongoDB, Socket.IO
Duration 13 hours 2 minutes 12 seconds
Duolingo Clone

Duolingo CloneCode With Antonio

Category: Next.js
Duration 11 hours 12 minutes 32 seconds
Mastering Next.js 13 with TypeScript

Mastering Next.js 13 with TypeScriptcodewithmosh (Mosh Hamedani)

Category: TypeScript, Next.js
Duration 5 hours 16 minutes 33 seconds
Mastering Next.js - 50+ Lesson Video Course on React and Next

Mastering Next.js - 50+ Lesson Video Course on React and Nextmasteringnuxt.com

Category: React.js, Next.js
Duration 5 hours 9 minutes 45 seconds