React Hydration


Hydration é um conceito que se refere ao processo de transformar conteúdo pré-renderizado no lado do servidor em uma interface de usuário interativa no lado do cliente.

Quando um usuário acessa uma página pré-renderizada, o Next.js envia o HTML totalmente renderizado para o navegador do cliente, que inclui os dados e a interface de usuário iniciais.

Em seguida, o JavaScript do lado do cliente “hidrata” esse conteúdo estático, tornando-o interativo e funcional.

Referências


https://youtu.be/6JnkwfrAI-U?si=lUhoasODN1iSZeVY