Frontend Developer
hardhydration-explained
What is hydration in SSR frameworks and what problems can it cause?
Answer
Hydration is when client-side JavaScript attaches event handlers and makes SSR HTML interactive.
**Problems:**
- Hydration mismatches (server HTML differs from client render)
- Performance cost on low-end devices
**Fixes:** ensure deterministic rendering (avoid random/time-based output), use client-only components when needed, and keep initial HTML stable.
Related Topics
SSRPerformanceNuxt