Data Fetching Tools

With vite-plugin-ssr we keep control over our app architecture; we can integrate any data fetching 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 fetch the initial data on the server-side. (We need to do it on the server-side if we want the initial data to be rendered to HTML.)
We make the initial data available as pageContext.initialData.
We make pageContext.initialData available on the browser-side by adding 'initialData' to passToClient.
We initialize any data fetching tool on the browser-side using pageContext.initialData.

Examples: