Fullstack Framework 2026

Next.js 16 App Router

Comprehensive practical reference for Next.js 16 development: 11 key domain topics, 61 in-depth lessons. From zero quickstart, routing and Server Components to distributed cache, DAL security, Multi-Tenant SaaS, streaming queues, and Staff-level internals.

All Track Specializations
Next.js Study Progress
0%(0/61 lessons)
+0 / 1865 XP11 topics

Key Next.js Topics

Select a topic to view structured lesson lists with time estimations, code explanations, and production architectures

5 lessons

Next.js 16 Quickstart (From Scratch)

Zero to hero with Next.js 16: App Router anatomy, Server vs Client Components, async fetching, and Server Actions

Key topic articles:
01From React SPA to Next.js 16: Project Anatomy, app/ Structure, and First Run
02Server vs Client Components: 'use client' Directive, Hydration Boundaries, and Composition
03Pages, Nested Layouts, and the Link Component: Preserved State and Intelligent Prefetching
+ 2 more articles in topic
Topic Progress0% (0/5)
View Lessons
7 lessons

Routing & Navigation

App Router, file-based routing, layouts, route handlers, middleware, parallel and intercepting routes

Key topic articles:
01File-Based Routing in Next.js App Router
02Layouts and Templates in Next.js App Router
03Dynamic Routes in Next.js App Router
+ 4 more articles in topic
Topic Progress0% (0/7)
View Lessons
6 lessons

Rendering & Components

Server and Client Components, SSR, SSG, ISR, Partial Prerendering (PPR), Streaming, and Suspense

Key topic articles:
01Server and Client Components in Next.js: Dual-World Architecture
02Rendering Strategies: SSR, SSG, and ISR in Next.js
03Streaming and React Suspense in Next.js: Progressive UI Delivery
+ 3 more articles in topic
Topic Progress0% (0/6)
View Lessons
6 lessons

Data, Caching & Mutations

"use cache", cacheLife, cacheTag, React cache(), Server Actions, tag revalidation

Key topic articles:
01Data Fetching in Next.js: Server Components and Patterns
02Caching and Revalidation: The 4 Levels of Next.js Caching
03Server Actions: Data Mutations and Form Handling
+ 3 more articles in topic
Topic Progress0% (0/6)
View Lessons
6 lessons

Optimization & Production

next/image, next/font, Core Web Vitals, Bundle Analyzer, standalone output, Docker deployment

Key topic articles:
01Image Optimization in Next.js: The next/image Component
02Font and Script Optimization in Next.js: next/font and next/script
03Metadata and SEO Optimization in Next.js App Router
+ 3 more articles in topic
Topic Progress0% (0/6)
View Lessons
6 lessons

Architecture & Patterns

Data Access Layer (DAL), Authentication, RBAC, Multi-tenant architectures, and Micro-frontends

Key topic articles:
01Next.js Project Architecture and Structure
02Advanced Error Handling in Next.js
03Authentication and Authorization Patterns in Next.js
+ 3 more articles in topic
Topic Progress0% (0/6)
View Lessons
5 lessons

Cache Components & Dynamic I/O

"use cache" directive, cacheLife, cacheTag, updateTag, distributed cacheHandlers (Redis/S3), post-response after()

Key topic articles:
01The 'use cache' Directive: Compiler Cache Boundaries and Dynamic I/O in Next.js 16
02Granular Cache Control: cacheLife, cacheTag, and Cascading Component Tagging
03Invalidation Strategies: updateTag vs revalidateTag and Immediate Consistency in Server Actions
+ 2 more articles in topic
Topic Progress0% (0/5)
View Lessons
5 lessons

Security, RBAC & Data Access Layer

proxy.ts network boundary vs DAL, authInterrupts, unauthorized.tsx, forbidden.tsx, Taint API, Server Actions encryption, CSP Nonces

Key topic articles:
01Data Protection Architecture: proxy.ts vs Data Access Layer (DAL) and Server Component Boundaries
02Authorization and Auth Interrupts: RBAC, ABAC Patterns, and Secure Sessions in Server Actions
03Preventing Secret Leaks: The server-only Package and React Taint API (taintObjectReference, taintUniqueValue)
+ 2 more articles in topic
Topic Progress0% (0/5)
View Lessons
5 lessons

Multi-Tenant SaaS & i18n

Subdomains and custom domain routing via proxy.ts, type-safe next-intl with rootParams, Multi-Zones micro-frontends, Draft Mode

Key topic articles:
01Multi-Tenant SaaS: Dynamic Subdomain Routing, Custom Domains, and Edge Middleware
02Type-Safe Internationalization: next-intl, rootParams, and Seamless Locale Switching
03Next.js Multi-Zones: Enterprise Micro-Frontends and Merging Independent Applications
+ 2 more articles in topic
Topic Progress0% (0/5)
View Lessons
5 lessons

Real-Time Streaming & Queues

Streaming Route Handlers, SSE, WebStreams, instant navigation with useLinkStatus, S3 Presigned Streams, background job queues and Cron

Key topic articles:
01Streaming Data Transfer: Server-Sent Events (SSE), Route Handlers, and Web Streams API
02Instant Navigation: Server Component Streaming, useOptimistic, and React 19 Transitions
03Handling Large File Uploads: Presigned S3 URLs, Multipart Uploads, and Server Action Auth
+ 2 more articles in topic
Topic Progress0% (0/5)
View Lessons
5 lessons

Staff Internals & Compilers

Turbopack computation graph, React Compiler, OpenTelemetry fullstack tracing, SSR Node.js memory leak profiling, Adapters API, Strangler Fig

Key topic articles:
01Turbopack and React Compiler Internals: Turbo Engine, Chunking, and AST Optimizations
02End-to-End Observability (OpenTelemetry): instrumentation.ts, instrumentation-client.ts, and onRequestError
03Node.js Memory Profiling and SSR Leaks: Taking Heap Snapshots, Closures, and High-Load Tuning
+ 2 more articles in topic
Topic Progress0% (0/5)
View Lessons