The Ultimate NextJs Course
15h 7m 33s
English
Paid
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 The Ultimate NextJs Course
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | 1.1 Introduction to NextJs | 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 |
Similar courses to The Ultimate NextJs Course

Mastering Next.js - 50+ Lesson Video Course on React and Nextmasteringnuxt.com
Category: React.js, Next.js
Duration 5 hours 9 minutes 45 seconds
Course

Next.js 14 & React - The Complete GuideudemyAcademind Pro
Category: React.js, Next.js
Duration 36 hours 13 minutes 15 seconds
Course

CodeFast | Learn to code in weeks, not months.Marc Lou
Category: React.js, Next.js
Duration 11 hours 38 minutes 42 seconds
Course

Next JS & Open AI / GPT: Next-generation Next JS & AI appsudemy
Category: Next.js, ChatGPT
Duration 5 hours 8 minutes 46 seconds
Course

Testing Next.js Apps with Jest, Testing Library and Cypressudemy
Category: Next.js, Cypress
Duration 7 hours 35 minutes 24 seconds
Course

NextJS E-Com Masterclass: Learn The All New Next JSudemy
Category: Next.js
Duration 19 hours 17 minutes 40 seconds
Course

Shadcn UI & Next JS - Build beautiful dashboards with shadcnudemy
Category: Next.js
Duration 8 hours 12 minutes 38 seconds
Course

Solidity & Ethereum in React (Next JS): The Complete Guideudemy
Category: React.js, Next.js, Decentralized Applications (dApps) / 'Web 3'
Duration 38 hours 47 minutes 24 seconds
Course

The Joy of ReactJosh Comeau
Category: React.js, Next.js
Duration 25 hours 35 minutes 33 seconds
Course