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

Watch Online React Simplified - Next.js

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

Complete Next.js Developer in 2023: Zero to Mastery

Complete Next.js Developer in 2023: Zero to Mastery

Sources: zerotomastery.io
Learn Next JS from industry experts using modern best practices. The only Next JS tutorial + projects course you need to learn Next JS, build enterprise-level R
27 hours 12 minutes 37 seconds
Build A Finance Platform

Build A Finance Platform

Sources: Code With Antonio
In this 11-hour course, you will learn how to create your own financial SaaS platform with the ability to track income and expenses, categorization...
13 hours 43 minutes 45 seconds
NextJS & OpenAI - 2024 Edition

NextJS & OpenAI - 2024 Edition

Sources: udemy
Embark on a journey to mastering modern web development with our comprehensive video course on building applications using Next JS 14 and the OpenAI API. This c
13 hours 41 minutes 21 seconds
Build a Google Docs Clone

Build a Google Docs Clone

Sources: Code With Antonio
In this 10-hour course, you will learn how to create a fully functional Google Docs clone from scratch. You will master full-stack development, including the...
10 hours 26 seconds
Mastering Next.js 13 with TypeScript

Mastering Next.js 13 with TypeScript

Sources: codewithmosh (Mosh Hamedani)
Clear. Concise. Comprehensive. Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's pe
5 hours 16 minutes 33 seconds