vite-ssg VS vite-ssr

For SSG use - https://github.com/antfu/vite-ssg

It is very simple. I had done similar task for many projects using https://github.com/antfu/vite-ssg

I use vite-ssg (https://github.com/antfu/vite-ssg) to generate static pages from my vue project.

My company does a lot of static site generation/prerendering for our products. Our web stack is based on Vue.js v3 + Vite v3 + vite-sgg.

The above template has it via https://github.com/antfu/vite-ssg

SSG

I think what you're looking for is server side generation (SSG). This is what Gridsome is used for in vue but they have not yet updated to vue 3. You're essentially looking to generate a static site from a vue application. A quick Google suggests https://github.com/antfu/vite-ssg might work but I can't say I've ever tried it personally.

Today, Nextjs is not only cool guy in the town, A lot of meta frameworks exist like Astro, Remix. There are a few ssr frameworks also build over Vite - such as - https://vitedge.js.org/, https://rakkasjs.org/, https://github.com/frandiox/vite-ssr,

Vite ssr seems what you're looking for: https://github.com/frandiox/vite-ssr

very confusing for me, it says https://github.com/frandiox/vite-ssr there is something called vitese and vitedge, am I supposed to use all 3 or 1 of them? if one of them why is this vite-ssr guy endorsing the other frameworks?

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.