The Ultimate NextJs Course
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
All Course Lessons (37)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Duolingo Clone
NestJS + Next.js: Event Driven Architecture
Stripe for SaaS
