Export High-Res PDF
Switch to Light Mode
SkillSnap Official GuideUpdated 7/24/2026
Next.js
The React Framework for the Web. Master the 'Stability Era' features: PPR, Server Actions, and the new opt-in caching strategy.
Core Architecture
Server Components by default (Zero Bundle Size)RSC
Partial Prerendering (Static Shell + Dynamic Holes)PPR
Boundary for state/hooks/listeners"use client"
Prevent accidental client leakageimport 'server-only'
Data & Caching (v16+)
Default fetch behavior in v16 (Opt-in caching)no-store
Enable caching explicitlycache: 'force-cache'
Cache DB/ORM callsunstable_cache
Purge cache on-demandrevalidateTag()
Automatic fetch deduping in render passDeduplication
Server Actions (Mutations)
Expose function as API endpoint"use server"
Manage form state/errors (replaces useFormState)useActionState
Instant UI updates before server responseuseOptimistic
Works without JS (Progressive Enhancement)<form action={fn}>
Advanced Routing
Route Groups (Org without URL change)(folder)
Parallel Routes (Dashboards/Modals)@slot
Intercepting Routes (Soft navigation)(.)intercept
Catch-all dynamic segments[...slug]
Optimization & SEO
Dynamic SEO tagsgenerateMetadata
Auto-resize & Lazy Load (Use priority on LCP)next/image
Zero layout shift fontsnext/font
Code-based OG Images (next/og)ImageResponse
Special Files
Instant Loading UI (Suspense)loading.tsx
Route-specific Error Boundaryerror.tsx
Custom 404 UInot-found.tsx
Server startup hooks (Observability)instrumentation.ts