⚠️
The vite-plugin-ssr project has been renamed Vike.
  • If you are already using vite-plugin-ssr then migrate to Vike.
  • For new projects, don't use vite-plugin-ssr but use Vike instead.

Why the V1 design?

The V1 design introduces new foundational capabilities. For example, it enables you to create custom configs such as ssr: boolean.

// /pages/admin/+config.h.js

export default {
  // Render the Admin Panel as SPA
  ssr: false
}

Vite-plugin-ssr will soon release built-in renderers for React/Vue/Solid which already implement such ssr toggle. (Except for React since RSC supersedes such ssr toggle.)

You'll even be able to choose and switch renderers on a page-by-page basis:

// /pages/admin/+config.h.js

import graphqlRenderer from 'vike-react-relay'

export default {
  // Use GraphQL for the Admin Panel
  ...graphqlRenderer
}

Vike is the upcoming new name for vite-plugin-ssr, see #736.

// /pages/product/@id/+config.h.js

import rpc from 'vike-react-telefunc'

export default {
  // Use React + RPC for the product pages
  ...rpc
}
// /pages/live-ticker/+config.h.js

import solid from 'vike-solid'

export default {
  // Use Solid for this page while the rest of our app uses React
  ...solid
}

This is only the tip of the iceberg. The V1 design also brings new capabilities for buidling meta frameworks on top of vite-plugin-ssr.