Client/Server Side Rendering - SSG - ISR Concepts and Comparisons
Master Next.js 16: From Zero to Pro
-
Introduction to Next.js & Project Setup (15:30)
-
File-based Routing & Navigation (5:57)
-
Layouts vs Old Custom App Component (9:09)
-
Nested Layout (3:59)
-
Next.js 16: SSR / ISR / SSG (16:41)
-
Client Components & Server Components (9:54)
-
Passing Data from Server to Client Components (6:37)
-
Interleaving Server and Client Components (11:41)
-
Context providers (19:22)
-
Third-party components (16:07)
-
API Routes & Fullstack Features (30:28)
-
Using a database in Next.js (Fullstack Data Persistence) (11:40)
-
Server-Sent Events in Next.js (SSE) (20:59)
-
Database Relationships (Users + Messages) (17:42)
-
Building a functional contact form (31:13)
-
Server Actions - A powerful Nextjs feature (11:27)
-
Add Metadata to Client and Server Components (9:24)
-
Build a database viewer (19:31)
-
Build a Courses Table and seed it with courses data (8:44)
-
Switching from API to database data + Image Optimisation (17:34)
-
Nextjs params (15:40)
-
Authentication - users table creation and seeding (15:47)
-
Authentication - Configuration with JWT (26:35)
-
Building an Auth-Aware Navigation Bar (20:06)
-
Authentication - Login (27:13)
-
Authentication - Signup (28:09)
-
Authentication - Email verification (11:54)
-
Authentication - Restrict Pages (6:53)
-
Authentication - Password reset (37:44)
-
Authentication - Google login (16:52)
-
Authentication - Github login (5:54)
-
Adding Foreign Keys for Course in Messages (9:35)
-
Add Zod validation to Message form (9:04)
-
Restrict Chat Rooms to a Single Course (13:47)
-
Using ErrorBoundary and Suspense for Safe Component Rendering (10:28)
-
Pull messages using a Server action (10:21)
-
Implementing Pagination for Message History (15:35)
-
Include user and course when posting a Message (14:36)
-
Broadcast new Message to connected users (12:17)
-
Optimistically Delete a Message and Notify All Users in Real Time (19:29)
-
Optimistically Edit a Message and Notify All Users in Real Time (21:19)
-
Nextjs 16 Middleware - Restrict protected route (13:22)
-
Nextjs 16 Middleware - Restrict admin page (7:33)
