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
Watch Online The Ultimate NextJs Course
0:00
/ #1: 1.1 Introduction to NextJs
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 commentsSimilar courses
Duolingo Clone
Sources: Code With Antonio
In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to choose language
11 hours 12 minutes 32 seconds
Shopify + Next.js + Tailwind CSS: Modern Ecommerce
Sources: workingwithshopify.com
Learn how to build blazing fast online storefronts used by the top brands today. Get a quick start with the latest tech stack that is in demand with the top bra
5 hours 7 minutes 23 seconds
CodeFast | Learn to code in weeks, not months.
Sources: Marc Lou
CodeFast is a course designed specifically for those who want to turn their idea into a real online business quickly and effectively. Unlike traditional...
11 hours 38 minutes 42 seconds
Full Stack Development
Sources: neetcode.io
This course will take you on a journey to become a full-stack developer. You will learn how to build and deploy a modern web application from the ground up. Whether you're a beg...
4 hours 24 minutes 36 seconds
Want to join the conversation?
Sign in to comment