Partial hydration with Vue and
Capri
This page is static, but contains some dynamic parts.
Here is a simple counter:
-
0
+
And here is another one, independent from the one above:
-
100
+
This is static content inside an island. We call this a lagoon.
Click to expand
This a second lagoon. Below you see the body slot that was passed to the Expandable island:
The code for
ServerContent
won't show up in the client bundle.
Resize your browser below 500px to hydrate this island.
Another page