Which components can handle SSR?

[luminarious]

Hey! Nuxt projects tend to heavily rely on SSR and I am researching UI kits for a project. Kongponents overall seem to have very nice docs and a nice API.

• Have you audited which components currently support SSR? For example KTable currently doesn't, examples in the docs render on client-side only.
• Have you considered adding this information to docs?

[adamdehaven]

Kongponents were originally designed for use within client-side rendered Vue apps. With the latest 9.x release, most components are now SSR-compatible, with a few exceptions.

Primarily, KTable and KCatalog are not SSR-compatible, partially due to their internal data fetching.

• As a replacement for KCatalog, you could use your own grid of KCard components.
• For KTable, we plan on implementing a simpler data table component that relies on external data fetching (planned date TBD).

[luminarious]

Thank you for the swift reply, that's close to what I was assuming.

It's almost like the data table could be decoupled into a renderless fetcher component (or handled manually in Nuxt) and a purely presentational table that would work in static cases as well (no JS needed at all unless client-side sorting or filtering is enabled, suitable for nuxt-island)

[adamdehaven]

a purely presentational table

This is the plan; the table just outputs the data it's given (and/or slotted)