SSR + SPA Examples

[henriqueabdala-mb]

Description

I hope you are all well.

Guys, I'm in a project where i use SSR for everything with Vue.
I would like to change to use a mix of SSR + SPA, but today I can't find practical examples on github, only examples of pure SSR or pure SPA. The app has evolved a lot and now it isn't very clear if by following the guidelines in the doc i got into errors in the framework or if it was a problem on my side in the development.

Could you create an example with this mix? It would also be nice to divide the examples between TypeScript and JavaScript.

At the same time, I am aligning with the company's board of directors so that we can be sponsors of the project.

[brillout]

Hi Henrique,

Are you using vike-vue? If you do then you can simply use the ssr toggle.

If you don't have a look at https://vike.dev/render-modes. It includes a Vue example (it uses a deprecated Vike API but the Vue glue code is the same).

Let me know if you have more questions.

At the same time, I am aligning with the company's board of directors so that we can be sponsors of the project.

Thank you, it's very much appreciated 💚

[henriqueabdala-mb]

I'm using core, vike-vue has the same problem as Nuxt, which is the "black box".
In core I can see the entire data flow, but in this simplification of vike-vue everything is very abstracted.

I read the examples mentioned in render-mode and tried to replicate them in my app, but I had some problems and the debugging became very complex because some vike errors were popping up simultaneously with nginx errors. That's why I needed a more up-to-date example. The current one uses the old design when it was called vite-plugin-ssr. That way I could inject my changes with nginx and effectively test them in a "clean" application.

[brillout]

Actually, looking at vike-vue's source (it's small) is quite an effective way to see how it works. You'll then be able to reproduce the ssr flag on your side.

some vike errors

Feel free to create a new issue if you believe you stumbled upon a Vike bug.