SSR #

Overview #

Vite requires you to implement your own server, with something like Fastify or Express.

Instead of running the classic Vite development server using vite dev, you would typically start your own with node resources/ssr/server.js or esno resources/ssr/server.ts. The details are explained within Vite's SSR documentation.

Building #

Laravel Vite provides a per-configuration entrypoints.ssr option to specify a server entrypoint. For instance, it can be resources/scripts/ssr.ts.

Keep in mind that the code in this file should not access the DOM, since it will be executed by Node.

To build the server script, simply use the --ssr flag. The Vite plugin will read the configured entrypoint and use it.

Example package.json #

As an example, the scripts in package.json could look like the following:

{
  "scripts": {
    "dev": "node resources/ssr/server.js",
    "build:client": "vite build",
    "build:server": "vite build --ssr"
  }
}