React Simplified – Next.js

React Simplified – Next.js

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 51 Lessons (9h 33m) | 1.86 GB

Welcome to my Next.js course. This course is a little bit interesting in the way it’s structured because it’s actually divided into two main parts. That’s because Next.js has two main ways of rendering and using it. These two ways are fundamentally different in the way they work, which is why the course is divided into two different parts.

The first main part will focus on the application router. You will notice that there are several sections in this course that will be prefixed by the application router. That way you know that they are specifically about the application router.

After that, I have a few sections specifically about the page catalog. So you know there’s a specific section for application router and there’s a specific section for page catalog.

Finally, at the very end of the course, there is a general section that will apply to both the application router and the page catalog. It doesn’t matter which way you plan to actually render your Next.js applications. This general section applies to both of these different paradigms.

The nice thing about Next.js is that you can use both of these paradigms at the same time, but the app router is a new way of doing things. I personally find it more enjoyable and easier to work with, whereas the page catalog is technically the old way of doing things, but it’s actually not that old and many companies still use it, so I’ve included both parts in this course.

Table of Contents

Important Updates
1 Next-15-Updates

Introduction
2 Course-Introduction
3 What-Is-Next.js

[App] – Geting Started
4 Your-First-Next.js-Project
5 Routing-Basics
6 Metadata
7 Loading-_-Errors
8 Dynamic-Routes
9 TypeScript-Setup
10 Read-Only-Blog-Introduction
11 Read-Only-Blog-Walkthrough

[App] – Data Fetching & Caching
12 Data-Fetching
13 Request-Memoization-Cache
14 Data-Cache
15 Full-Route-Cache
16 Router-Cache
17 DynamicIO
18 Caching-Recap

[App] – Rendering
19 Server-vs-Client-Components
20 Dynamic-vs-Static
21 Dynamic-Functions
22 Static-Paths
23 Blog-Updates-Introduction
24 Blog-Updates-Walkthrough
25 Blog-Updates-DynamicIO

[App] – Data Mutation
26 Server-Actions-With-Forms
27 Server-Actions-Not-In-Forms
28 Blog-Mutation-Introduction
29 Blog-Mutation-Walkthrough
30 Blog-Mutation-DynamicIO

[App] – Advanced Routing
31 Templates
32 Route-Groups
33 Parallel-Routes
34 Intercepting-Routes
35 Route-Handlers
36 after-Function

[Page] – Pages Directory
37 Your-First-Next.js-Pages-Directory-App
38 Routing
39 Metadata
40 Special-Files
41 Rendering-Modes
42 getServerSideProps
43 getStaticProps-_-getStaticPaths
44 getInitialProps
45 Data-Mutation
46 Blog-Project-Introduction
47 Blog-Project-Walkthrough

Shared Features
48 Fonts
49 Images
50 Scripts
51 Forms

Homepage