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 an AI Chatbot with Vercel AI SDK & Gateway

Build an AI Chatbot with Vercel AI SDK & Gateway

Sources: Michael Guay
Attend the workshop and create an AI chatbot using NestJS and Next.js. Learn how to integrate an AI interface into the application using Vercel AI SDK and...
2 hours 21 minutes 35 seconds
NestJS + Next.js: Event Driven Architecture

NestJS + Next.js: Event Driven Architecture

Sources: Michael Guay
Learn how to create an event-driven architecture with NestJS and Next.js. The course covers EventEmitter and SSE for developing real-time systems.
45 minutes 9 seconds
Build and Deploy an AI Automation SaaS

Build and Deploy an AI Automation SaaS

Sources: Code With Antonio
Master the creation of AI-SaaS: developing Nodebase, automating processes, AI integration, and implementing monetization. A practical guide from idea to launch.
11 hours 59 minutes 29 seconds
Magic UI Pro

Magic UI Pro

Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...