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
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)udemy

Category: React.js, Next.js, Node.js, GraphQL
Duration 28 hours 38 minutes 19 seconds
Shopify + Next.js + Tailwind CSS: Modern Ecommerce

Shopify + Next.js + Tailwind CSS: Modern Ecommerceworkingwithshopify.com

Category: Next.js, Shopify
Duration 5 hours 7 minutes 23 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
Next40. Master Next.js 14 in 40 days of epic projects

Next40. Master Next.js 14 in 40 days of epic projectsReed Bargernextjs40.com

Category: Next.js
Duration 4 hours 52 minutes 49 seconds
Build A Finance Platform

Build A Finance PlatformCode With Antonio

Category: Next.js
Duration 13 hours 43 minutes 45 seconds
Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2

Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2udemy

Category: Next.js, Wordpress
Duration 8 hours 6 minutes 25 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
The No-BS Solution for Enterprise-Ready Next.js Applications

The No-BS Solution for Enterprise-Ready Next.js ApplicationsJack Herrington

Category: Next.js
Duration 8 hours 20 minutes 31 seconds