Data Store

With vite-plugin-ssr we keep control over our app architecture; we can integrate any data store tool we want simply by following its SSR docs.

Reading Recommendation.
React Tour or Vue Tour
Guides > Data Fetching

On a high-level, an SSR integration usually works like this:

We set the initial state of the store on the server-side. (We do it on the server-side so that the initial state is rendered to HTML.)
We make the initial state available as pageContext.initialStoreState.
We make pageContext.initialStoreState available on the browser-side by adding 'initialStoreState' to passToClient.
We initialize the store on the browser-side using pageContext.initialStoreState.

Examples