Client-only Components

To avoid loading/rendering a client-only component on the server-side, we can:

• Render our page as SPA, see Guides > Render Modes (SPA, SSR, SSG, HTML-only).
• Render our page with SSR, while loading and rendering the component only on the browser-side, see Guides > Dynamic import().

Client-only components

Some component libraries are meant to work only in the browser, such as react-leaflet or vue-leaflet.

Many such client-side only components support being server-side rendered. (Rendering an empty shell on the server-side while replacing that empty shell with the actual component on the browser-side.)

But some client-only components don't support being server-side rendered, and some even crash when they are merely loaded on the server-side.