Hydration

A technique used to add interactivity to server-side rendered (SSR) content by attaching JavaScript event handlers to the existing HTML on the client-side. Instead of rendering the HTML on the client-side (which is the standard approach for Client-Side Rendering), the server sends pre-rendered HTML, and JavaScript on the client then 'hydrates' this HTML by binding event handlers and state management. This approach is used by frameworks like Next.js and Nuxt.js. See also Client-Side Rendering (CSR), Server-Side Rendering (SSR).