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 AI startup in hours using our customizable demo apps | AnotherWrapper

Build your AI startup in hours using our customizable demo apps | AnotherWrapperFekri

Category: Next.js, Other (Mobile Apps Development)
Duration
Ultimate Next.js 13 Course + eBook

Ultimate Next.js 13 Course + eBookjsmastery.pro

Category: Next.js
Duration 51 hours 35 minutes 4 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
Build a Microservices app with .Net and NextJS from scratch

Build a Microservices app with .Net and NextJS from scratchudemy

Category: Next.js, C Sharp (C#)
Duration 31 hours 42 minutes 57 seconds
NextJS E-Com Masterclass: Learn The All New Next JS

NextJS E-Com Masterclass: Learn The All New Next JSudemy

Category: Next.js
Duration 19 hours 17 minutes 40 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide

Solidity & Ethereum in React (Next JS): The Complete Guideudemy

Category: React.js, Next.js, Decentralized Applications (dApps) / 'Web 3'
Duration 38 hours 47 minutes 24 seconds
Stripe for SaaS

Stripe for SaaSfireship.io

Category: Next.js
Duration 1 hour 11 minutes 29 seconds
Build a Youtube Clone

Build a Youtube CloneCode With Antonio

Category: React.js, Next.js
Duration 23 hours 42 minutes 10 seconds
Building a Full-stack Multilingual Blog with Next.js 13.4

Building a Full-stack Multilingual Blog with Next.js 13.4udemy

Category: Next.js
Duration 9 hours 15 minutes 4 seconds