SSR Implementation with Vite-Ruby and Vue 3

[acidball54]

Hi everyone,

I’ve set up a Vue 3 app using Vite-Ruby along with a Ruby on Rails backend. I've also added Vue Router for client-side routing and Pinia for state management. I’m aiming to implement server-side rendering (SSR) for production without using libraries like Inertia.js.

Here’s what I’m trying to achieve:

• SSR on Vue 3 using Vite-Ruby, only in production mode.
• Client-side routing handled by Vue Router after the initial SSR load.
• State management handled by Pinia.

Key Points I’m Looking For:

• Best practices for implementing SSR without relying on Inertia.js.
• How to integrate Vue Router for client-side routing in an SSR setup.
• Any examples or suggestions on handling initial state hydration with Pinia after SSR.

Any advice, examples, or tips from your experiences with SSR on Vue 3 using Vite-Ruby would be greatly appreciated!