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

Build your AI startup in hours using our customizable demo apps | AnotherWrapperFekri
Category: Next.js, Other (Mobile Apps Development)
Duration
Course

Nest.js Microservices: Build & Deploy a Scaleable Backendudemy
Category: Next.js
Duration 5 hours 39 minutes 49 seconds
Course

React, NextJS and NestJS: A Rapid Guide - Advancedudemy
Category: React.js, Next.js, NestJS
Duration 8 hours 40 minutes 51 seconds
Course

Next.js Complex State Management Patterns with RSCfullstack.io
Category: Next.js
Duration 2 hours 56 minutes 24 seconds
Course

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejsudemy
Category: React.js, Next.js, Node.js, MongoDB, Socket.IO
Duration 13 hours 2 minutes 12 seconds
Course

Build and Deploy a Lovable CloneCode With Antonio
Category: React.js, Next.js, Other (AI)
Duration 10 hours 34 minutes 16 seconds
Course

React Simplified - Next.jswebdevsimplified.com
Category: Next.js
Duration 9 hours 33 minutes 4 seconds
Course

Build A Finance PlatformCode With Antonio
Category: Next.js
Duration 13 hours 43 minutes 45 seconds
Course

Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)Web Dev Cody
Category: TypeScript, Next.js
Duration 5 hours 53 minutes 23 seconds
Course

Next.js From Scratch 2024Brad Traversy
Category: Next.js
Duration 11 hours 54 minutes 9 seconds
Course