Download Full-Stack Next.js 15 Course - The Road to Next For Free
The Road to Next
Web Developer Journey
React Server Components (RSC)
Asynchronous Components
RSC vs Client Components
Client-Server Composition
Component Directives
Data Fetching
Streaming
Suspense
Fallback Loading
CRUD Operations
Create a Record
Read a Record
Update a Record
Delete a Record
Rendering Strategies
Client-Side Rendering
Server-Side Rendering
Static Site Generation
Incremental Static Regeneration
Database
Domain Modeling
Schema Definition
Seeding
Migrations
UI Database Exploration
Database Indexing
ORM
Partial Selection
Joins (Relation Queries)
Upserts (Insert or Update)
Transactions
Server Actions
Declaration
Usage Client Components
Usage Server Components
With and Without Forms
Authentication
Roll your own Auth
Independent of Paid Services
Sign Up, In & Out
Get Current Session
Exclude Sensitive Data
Authorization
Conditional UI Components
Protected Routes
Protected Server Actions
Real World Business Cases
Currencies
Deadlines
Algorithms
Pages, Layouts, Templates
Static vs Dynamic Pages
Shared and Nested Layouts
Stable Template
Route Handler
New Hooks
useTransition
useFormStatus
useActionState
File Conventions
Pages
Loading, Error, Not Found
Route Groups
Private Folders
Navigation
Router & Link Components
Header & Sidebar
Tabs & Breadcrumbs
Redirects
Caching
Full Route Cache
Request Memoization
Data & Router Cache
generateStaticParams()
Client-Side Cache
Validation & Feedback
Server-Side Validation
Form-Field Feedback
Toast Feedback
Feedback after Redirect
Unblocking the UI
Cookies
User Preferences
Authentication
User Feedback
Progressive Enhancement
Works without JavaScript
Fallback with <noscript>
Project Structure
General Folder Structure
App Router Structure
Feature Folders
Shared Folders
Styling
Light & Dark Mode
Utility-First CSS
Animations
Theming
Component Patterns
Reusable Components
Component Composition
Controlled Components
Mediator Components
React
useState, useEffect, useRef
cache, Suspense
cloneElement
useImperativeHandle
Custom Hooks
Prop Drilling
TypeScript
Inference & Assertions
ReturnType & Awaited
Type Merging
Generics
CSS
Vertical & Horizontal Layouts
Animations
Conditional Classes
Responsive Design
Server-Side Operations
Sorting
Searching & Filtering
Offset-Based Pagination
Cursor-Based Pagination
Search Params
useRouter, usePathname, useParams
useSearchParams vs Search Params
URLSearchParams & Typed Params
URL State & Default State
Data Fetching Patterns
Sequential Data Fetching
Concurrent Data Fetching
React Query
Prefetching in Server Components
Initial State in Client Component
Client-Side State Management
Refetching & Invalidation
Infinite Scrolling
Intersection Observer
Software Craftsmanship
Premature Optimizations
DRY with Abstractions
Happy & Unhappy Paths
Design Patterns
Configuration over Composition
Inversion of Control
Sliding Window
Singleton
Composite Key
Layers
UI Layer
Action Layer
Query Layer
Public API Layer
Active Terminals
Terminal 1: Dev Server
Terminal 2: Git
Terminal 3: DB Studio
