⚠️
The vite-plugin-ssr project has been renamed Vike.
  • If you are using vite-plugin-ssr, migrate to Vike.
  • For new projects, use Vike instead of vite-plugin-ssr.
Vike itself (without extensions) is like vite-plugin-ssr: unopinionated and fully agnostic.

Apollo (GraphQL)

With vite-plugin-ssr we keep control over our app architecture; we can integrate Apollo GraphQL simply by following its SSR docs.

Reading Recommendation.

On a high-level, the SSR integration works like this:
  1. 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.)
  2. We make the initial data available as pageContext.initialData.
  3. We make pageContext.initialData available on the browser-side by adding 'initialData' to passToClient.
  4. We initialize Apollo GraphQL on the browser-side using pageContext.initialData.

Examples