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
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 |
Comments
0 commentsSimilar courses
The Joy of React
Sources: Josh Comeau
The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let’s be real. Learning React is hard. Over the past few years...
25 hours 35 minutes 33 seconds
The No-BS Solution for Enterprise-Ready Next.js Applications
Sources: Jack Herrington
Next.js is one of the most popular frameworks for building web applications. It is fast, flexible, and underpins some of the largest sites on the internet.
8 hours 20 minutes 31 seconds
Zero To Shipped. The ultimate Next.js template
Sources: Kitze
Zero To Shipped is a powerful Next.js template designed to accelerate the full cycle of web application development. It offers a ready-made infrastructure with.
React, NextJS and NestJS: A Rapid Guide - Advanced
Sources: udemy
React with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an
8 hours 40 minutes 51 seconds
Build and Deploy a SaaS AI Agent Platform
Sources: Code With Antonio
In this video course, you will create a video call application with AI support from scratch. You will learn how to set up real-time video communication...
13 hours 24 minutes 14 seconds
Want to join the conversation?
Sign in to comment