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.
We recommend to be familiar with the following before proceeding.
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 need to do it on the server-side if we want the initial state to be 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