The Ultimate NextJs Course
15h 7m 33s
English
Paid
January 27, 2024
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
Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)Web Dev Cody
Duration 5 hours 53 minutes 23 seconds
Course
Advanced NextJS WooCommerce REST API, TailwindCSS - Part-2udemy
Duration 8 hours 6 minutes 25 seconds
Course
Next.js From Scratch 2024Brad Traversy
Duration 11 hours 54 minutes 9 seconds
Course
NextJS E-Com Masterclass: Learn The All New Next JSudemy
Duration 19 hours 17 minutes 40 seconds
Course
Build A Slack CloneCode With Antonio
Duration 15 hours 13 minutes 30 seconds
Course
Next.js Complex State Management Patterns with RSCfullstack.io
Duration 2 hours 56 minutes 24 seconds
Course
Building a Full-stack Multilingual Blog with Next.js 13.4udemy
Duration 9 hours 15 minutes 4 seconds
Course
Next.js & React with ChatGPT - Development Guide (2023)udemy
Duration 7 hours 6 minutes 49 seconds
Course