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

Build Your SaaS AI Web Platform From Zero to Production

Build Your SaaS AI Web Platform From Zero to ProductionCode4Startup (coderealprojects)

Category: Next.js, Other (AI)
Duration 8 hours 36 minutes 2 seconds
Complete Next.js Developer in 2023: Zero to Mastery

Complete Next.js Developer in 2023: Zero to Masteryzerotomastery.io

Category: Next.js
Duration 27 hours 12 minutes 37 seconds
Next.js Projects: Build an Issue Tracker

Next.js Projects: Build an Issue Trackercodewithmosh (Mosh Hamedani)

Category: Next.js
Duration 7 hours 1 minute 57 seconds
Real-Time Collaborative Apps with Next.js and Supabase

Real-Time Collaborative Apps with Next.js and Supabasefullstack.io

Category: Next.js
Duration 51 minutes 59 seconds
Next.js From Scratch 2024

Next.js From Scratch 2024Brad Traversy

Category: Next.js
Duration 11 hours 54 minutes 9 seconds
Stripe for SaaS

Stripe for SaaSfireship.io

Category: Next.js
Duration 1 hour 11 minutes 29 seconds
Build A Finance Platform

Build A Finance PlatformCode With Antonio

Category: Next.js
Duration 13 hours 43 minutes 45 seconds
Ultimate Next.js Course 2024 Edition

Ultimate Next.js Course 2024 Editiondevelopedbyed.com

Category: Next.js
Duration 29 hours 39 minutes 9 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
Bedrock: Jumpstart your next SaaS product

Bedrock: Jumpstart your next SaaS productMax Stoiber (@mxstbr)

Category: React.js, Others, Next.js, GraphQL, Assemblies, ready-made solutions for development
Duration