Vani SSR and Hydration

Instructions for rendering on the server and hydrating on the client with explicit activation.

When to Use

Use this when a project needs SSR or SSG, or when hydration must be selective.

Steps

1. Render on the server with renderToString(App()) (arrays also work).
2. On the client, call hydrateToDOM(App(), root) (arrays also work) to bind handles to anchors.
3. Activate interactivity by calling handle.update() on the handles you want to run.
4. For selective hydration, update only specific handles (e.g., header) and leave others inert.

Arguments

• rootId - DOM id that contains server HTML (defaults to app)
• activateAll - whether to update all handles immediately (defaults to true)