Edit

createDevMiddleware()

Create server middleware for development with HMR and lazy transpiling.

You don't need createDevMiddleware() if you use vike-photon. (You also don't need it if you pre-render and don't use a server at all.)

import { createDevMiddleware } from 'vike/server'
 
const {
  devMiddleware, // The development middleware
  viteConfig, // Resolved Vite configuration
  viteServer // Vite's development server
} = await createDevMiddleware({
  root: './path/to/app', // (optional, but recommended)
  viteConfig: {
    // Some Vite configuration (optional)
  }
})

See usage example for how to use it.

Vite types:

• InlineConfig types the viteConfig option.
• ResolvedConfig types the viteConfig return value.
• createDevMiddleware() wraps Vite's createServer().
• devMiddleware is a Connect middleware which is provided by Vite, see also #2081 - Interoperable createDevMiddleware that also works with Web Standards.

See also

• API > renderPage()
• API > JavaScript API