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

CodeFast | Learn to code in weeks, not months.

CodeFast | Learn to code in weeks, not months.

Sources: Marc Lou
CodeFast is a course designed specifically for those who want to turn their idea into a real online business quickly and effectively. Unlike traditional...
11 hours 38 minutes 42 seconds
Next JS & Open AI / GPT: Next-generation Next JS & AI apps

Next JS & Open AI / GPT: Next-generation Next JS & AI apps

Sources: udemy
Don't get left behind! Increase your value as a web developer today by learning how to integrate AI in to your projects! Welcome to the exciting world of AI-powered, next-genera...
5 hours 8 minutes 46 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide

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

Sources: udemy
Create real Smart Contracts in Solidity and DApps with React & Next JS. Understand how the Ethereum blockchain works.
38 hours 47 minutes 24 seconds
Full-Stack Project with Claude Code

Full-Stack Project with Claude Code

Sources: Mckay Wrigley (takeoff)
In this workshop, participants step by step create an MVP clone of FigJam - a visual collaboration editor - using Claude Code, Opus 4, Cursor IDE, and...
1 hour 12 minutes 14 seconds
The Joy of React

The Joy of React

Sources: Josh Comeau
The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let’s be real. Learning React is hard. Over the past few years, ...
25 hours 35 minutes 33 seconds