Client-only Components

A frequent problem with SSR is that some component libraries, such as react-leaflet or vue-leaflet, only work in the browser.

Server-side rendering such components will crash our Node.js server.

With vite-plugin-ssr, there are two ways to handle client-only components:

• We render our page as SPA, see Guides > Render Modes (SPA, SSR, SSG, HTML-only).
• We render our page with SSR while we load & render such components only in the browser-side, see Guides > Dynamic import().