Vue 3 SSR - Missing Client Only Component

This page summarizes the projects mentioned and recommended in the original post on /r/vuejs

Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • SaaSHub - Software Alternatives and Reviews
  • vite-ssr

    Use Vite for server side rendering in Node

    I am using a library that is not SSR friendly. Because of this I’ve only imported the library on the client-side and used a Vue 3 ClientOnly component (https://github.com/frandiox/vite-ssr/blob/master/src/vue/components.ts). The initial hydration works correctly, however, after interacting with the non-SSR-friendly component I am getting a bunch of hydration errors.

  • vue-client-only

    Vue component to wrap non SSR friendly components (428 bytes)

    From what I can tell vue-client-only (https://github.com/egoist/vue-client-only) which is used by Nuxt does not support Vue 3. (https://v3.vuejs.org/guide/migration/events-api.html)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • v-calendar

    An elegant calendar and datepicker plugin for Vue.

    For those curious, library is: https://github.com/nathanreyes/v-calendar. Their forums recommend using vue-client-only for Vue 2 SSR, but don’t mention Vue 3 SSR.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts