# Hydration (web development)

> In web development, hydration or rehydration is a technique in which client-side JavaScript converts a web page that is static from the perspective of the web browser, delivered either through static rendering or server-side rendering, into a dynamic web page by attaching event handlers to the HTML elements in the DOM. Because the HTML is […]

In web development, **hydration** or **rehydration** is a technique in which client-side JavaScript converts a web page that is static from the perspective of the web browser, delivered either through static rendering or server-side rendering, into a dynamic web page by attaching event handlers to the HTML elements in the DOM. Because the HTML is pre-rendered on a server, this allows for a fast “first contentful paint” (when useful data is first displayed to the user), but there is a period of time afterward where the page appears to be fully loaded and interactive, but is not until the client-side JavaScript is executed and event handlers have been attached.

Frameworks that use hydration include Next.js and Nuxt. React v16.0 introduced a “hydrate” function, which hydrates an element, in its API.

## Variations

### Streaming server-side rendering

*Streaming server-side rendering* allows one to send HTML in chunks that the browser can progressively render as it is received. This can provide a fast first paint and first contentful paint as HTML markup arrives to users faster

…

*Source: [Wikipedia](https://en.wikipedia.org/wiki/Hydration_%28web_development%29)*

---

## Metadata

- **URL:** https://wpsearchai.com/hydration-web-development/
- **Published:** 2026-01-28T18:50:07+00:00
- **Modified:** 2026-01-28T18:50:07+00:00
- **Author:** admin
- **Categories:** Web development