Skip to main content

Vue JS server side rendering with rails webpacker

General • Asked by Ed Tewiah

I'm trying to figure out a solution for server side rendering of a vue js app using rails and webpacker. This article comes out top in a google search but is pretty much useless:

https://medium.com/tekton-labs/getting-started-with-rails-vue-server-side-rendering-33af435ac763

Except it mentions that there is a go rails episode about it. Anyone know which episode this is?

Would also be happy with a solution to pre-render with rails and webpacker.

Thanks


I've been looking for a SSR solution too.

Seems like React on Rails is doing SSR somehow. https://github.com/shakacode/react_on_rails/blob/master/docs/additional-reading/server-rendering-tips.md

Another resource I found is the Official Documentation for SSR in a Non-Node JS environment, however Webpacker runs on Node so, I'm a little bit confused.
https://ssr.vuejs.org/guide/non-node.html

As third option, I found InertiaJS: https://github.com/inertiajs/inertia-vue inspired from Turbolinks but with VueJS. Right now, there is no Rails version, only Laravel, but the fonder sustain that it can work on Rails, Django and other frameworks...

The last solution I found is Quence Vue https://github.com/stowball/quench-vue
Where you can add Client Side Hydration but the structure is pretty weird.

Best,


Thanks for the reply Andrew. I decided in the end that pre-rendering might be best so I'm going to investigate using this:

https://github.com/chrisvfritz/prerender-spa-plugin

Not entirely sure if I can get it to work with Rails and webpacker but I'll give it a go anyway.


Login or Create An Account to join the conversation.

Subscribe to the newsletter

Join 22,346+ developers who get early access to new screencasts, articles, guides, updates, and more.

    By clicking this button, you agree to the GoRails Terms of Service and Privacy Policy.

    More of a social being? We're also on Twitter and YouTube.