Skip to main content

React Simplified - Next.js

9h 33m 4s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 51 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Next.js 15 Updates

All Course Lessons (51)

#Lesson TitleDurationAccess
1
Next.js 15 Updates Demo
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

Unlock unlimited learning

Get instant access to all 50 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.

Sources: Marc Lou
CodeFast is a course designed specifically for those who want to turn their idea into a real online business quickly and effectively. Unlike traditional...
11 hours 38 minutes 42 seconds
Full-Stack Fundamentals 1 - Frontend

Full-Stack Fundamentals 1 - Frontend

Sources: Mckay Wrigley (takeoff)
As part of this project, you will create your personal portfolio website from scratch. This will be an excellent way to showcase your work as you...
1 hour 8 minutes 57 seconds
Real-Time Collaborative Apps with Next.js and Supabase

Real-Time Collaborative Apps with Next.js and Supabase

Sources: fullstack.io
This course is here to assist you in efficiently creating real-time applications using Next.js, TypeScript, Tailwind CSS, and Supabase. We go beyond the fundame
51 minutes 59 seconds
Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)

Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)

Sources: Michael Guay
Find out how to set up authentication with Clerk in 20 minutes in a Next.js and NestJS application. A simple and secure integration for your project.
18 minutes 9 seconds
Ultimate Next.js Course 2024 Edition

Ultimate Next.js Course 2024 Edition

Sources: developedbyed.com
Learn to build a fully functional web application using React and Next.js. This course covers topics like authentication, ORM, creating responsive UIs...
29 hours 39 minutes 9 seconds