Introduction
Setup
React Primer (Optional)
Pitfalls
Next.js
ESLint (Optional)
File-Based Routing
TypeScript
Styling
UI Library
Component Folder
Feature Folder
Project Structure
Light & Dark Mode
Server vs Client Components
Server Components
Fallback Routes
Database
Server Queries
Server Actions
Redirect
Caching
-
What is caching?
-
Development vs Production (1:37)
-
Router Cache (5:35)
-
Full Route Cache (1:40)
-
Static vs Dynamic Rendering (6:58)
-
Time-Based Cache (ISR) (2:44)
-
On-Demand Caching (ISR) (2:55)
-
Where do we cache? (1:01)
-
Request Memoization (5:45)
-
Generate Static Params (Optional) (3:18)
-
When to use which caching strategy?
-
Recap (2:18)
Forms with Server Actions
Forms
-
Progressive Enhancement (2:49)
-
useTransition (3:33)
-
useFormStatus (4:23)
-
useActionState (3:33)
-
Form Validation (6:09)
-
Form Reset (3:26)
-
Error Handling (6:40)
-
Field Errors in Forms (7:28)
-
Premature Optimization (Software Craftsmanship) (7:30)
-
Action Callbacks (12:49)
-
Debugging (Software Craftsmanship) (7:57)
-
Toast Feedback (5:57)
-
Form Abstraction (4:54)
Templates and Layouts
Database Migrations
Advanced UIs
-
Close DatePicker (Controlled Component) (3:46)
-
Reset DatePicker (key) (4:24)
-
Exposing Callback Handlers (3:21)
-
Reset DatePicker (useImperativeHandle) (4:55)
-
Dropdown Component (6:22)
-
Ticket Status (Read) (4:20)
-
Ticket Status (Write) (6:30)
-
Update Toast Feedback (2:19)
-
Confirm Dialog (7:31)
-
Confirm Dialog from Dropdown (Advanced) (7:52)
-
Delete Toast Feedback (6:41)
Deployment
Authentication
-
Lucia [B] (7:29)
-
Paths for Authentication (1:41)
-
Sign Up (16:06)
-
Sign In (6:21)
-
Bugs (Software Craftsmanship) (4:00)
-
Authentication Status (6:01)
-
Quiz
-
Sign Out (9:22)
-
Header (Server Component) (4:41)
-
Header (Client Component) (3:07)
-
The Authentication Flicker [C] (6:49)
-
Replace Lucia (Challenge)
-
Question
Database Patterns
Authorization
Advanced Navigation
Folder Naming Conventions
Typed URL State
Pagination
Public API (Route Handler)
Comments
Data Fetching Patterns
Client Components
Client and Server Components
Client-Side React
Unblocking the UI
Cursor-Based Pagination
React Query (Optional)
Domain
Pull Requests before The Road to Next (Pro)
1 comments