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

Complete Next.js with React & Node - Beautiful Portfolio App

Complete Next.js with React & Node - Beautiful Portfolio App

Sources: udemy
Master Next.js (Next 9), React (React 16+) & Node. Learn how to build Isomorphic Website, incl. SEO, Blog, Deployment
59 hours 43 minutes
Testing Next.js Apps with Jest, Testing Library and Cypress

Testing Next.js Apps with Jest, Testing Library and Cypress

Sources: udemy
Learn to test a real-world serverless React app with routes, authentication, database and more! Learn how to test your Next.js app from top to bottom! Tests pro
7 hours 35 minutes 24 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
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
supastarter - SaaS starter kit for Next.js & Nuxt

supastarter - SaaS starter kit for Next.js & Nuxt

Sources: supastarter
Supastarter is a powerful starter kit for building scalable and production-ready SaaS applications based on Next.js. Save hundreds of hours...