DEV Community

Lautaro Suarez
Lautaro Suarez

Posted on

What's Hydration in SSR?

Introduction

On this post I will try to explain in a few words what's hydration and why is it important.

Server Side Rendering

Server Side Rendering difference it self from Static site generation since "SSR" means per-request rendering as opposed to build-time rendering.
Static rendering happens on the server-side too, but at build-time.
Dynamic rendering on the other hand happens at server-side but at request time.

Hydration

Hydration is what let's the server side rendered component to be able to access client-side interactive tools, such as forms, buttons, etc.
Without the hydration we will just have a plain static page.

Conclusion

Hydration helps the ssr components to interact with the user.

Top comments (0)