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.
On a high-level, an SSR integration usually works like this:
- We fetch the initial data on the server-side. (We do it on the server-side so that the initial data is 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