The Ultimate NextJs Course

15h 7m 33s
English
Paid

Course description

NextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast, SEO-friendly websites and web applications that are optimized for performance.

The new app router, built on top of React server components and suspense, introduced in NextJs 13 and now fully stable in NextJs 14, makes building full-stack React applications easier.

I'll teach you everything you need to know to start building with NextJs 14. From the basics of setting up a NextJs project to advanced concepts like nested layouts, dynamic rendering, revalidating, mutations, suspense, and error boundaries.

Watch Online

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: 1.1 Introduction to NextJs

All Course Lessons (37)

#Lesson TitleDurationAccess
1
1.1 Introduction to NextJs Demo
07:07
2
2.1 Create a NextJs app
13:12
3
2.2 Styling
11:57
4
2.3 Deploy your app
10:57
5
3.1 Pages and layouts
15:14
6
3.2 Navigating between pages
19:51
7
3.3 Dynamic routes
40:50
8
3.4 Route groups
13:33
9
3.5 Suspense and streaming
19:43
10
3.6 Error boundaries
13:22
11
3.7 Templates vs layouts
16:54
12
4.1 Server vs client components
34:05
13
4.2 Static vs dynamic rendering
11:06
14
4.3 Edge vs Node runtimes
09:33
15
5.1 Fetching
41:24
16
5.2 Caching
10:05
17
5.3 Revalidating
07:08
18
5.4 Server actions
41:02
19
5.5 Server actions in NextJs 14
18:47
20
5.6 Migrating from NextJs 12
41:42
21
6.1 Image
34:32
22
6.2 Fonts
14:39
23
6.3 Scripts
05:33
24
6.4 Metadata
15:57
25
7.1 Route handlers
17:28
26
7.2 Middleware
17:38
27
7.3 Internationalization
22:23
28
7.4 Chain middleware functions
19:47
29
7.5 Parallel routes
30:13
30
7.6 Intercepting routes
25:00
31
8.1 NextAuth
01:06:15
32
8.2 Role-based authentication
13:29
33
8.3 Custom sign-in emails
23:57
34
8.4 Clerk
36:05
35
9.1 Setting up TypeScript
30:13
36
10.1 Ecommerce project
01:25:47
37
10.2 Multiple Middlewares
51:05

Unlock unlimited learning

Get instant access to all 36 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

Server side rendering with Next + React

Server side rendering with Next + React

Sources: udemy
Do you want to learn the whole process of building a server side React App ?. This is the course for you. We will start from the very beginning, from "I don't even know how to u...
29 hours 43 minutes 19 seconds
Build A Slack Clone

Build A Slack Clone

Sources: Code With Antonio
In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others.
15 hours 13 minutes 30 seconds
Sleek Next.JS Applications with shadcn/ui

Sleek Next.JS Applications with shadcn/ui

Sources: fullstack.io
Dive into the development of modern web interfaces by learning the basics of shadcn/ui, TailwindCSS, and Radix UI. Learn to create flexible and modular...
5 hours 10 minutes 20 seconds
Next.js Complex State Management Patterns with RSC

Next.js Complex State Management Patterns with RSC

Sources: fullstack.io
In the dynamic world of web development, mastering complex state management is an essential skills. And since version 13, Next.js introduced a new type of compo
2 hours 56 minutes 24 seconds
Next.js 14 Real-Time Chat App using Socket IO

Next.js 14 Real-Time Chat App using Socket IO

Sources: udemy
This course will introduce you to creating a real-time chat application using Next.js 14 and Socket.IO. We will cover both the latest features of Next.js and...
12 hours 22 minutes 25 seconds