Server-Side Rendering with PHP V8Js (without node.js)

[lerouxju]

Feature description

PHP V8Js allows to execute JS server side. It is some sort of alternative to node.js.

Currently it is not possible to execute Vue.js this way. It complains that "setTimeout" & "document" are not defined.

As Vue.js is running fine server side with node.js it should be possible to run it with PHP V8Js.

Code sample

`<?php

$vueSource = file_get_contents('https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js');
$v8 = new V8Js();
$result = $v8->executeString($vueSource);
?>`

Result

V8Js::executeString():5628: ReferenceError: document is not defined"

[yyx990803]

The file you are importing is the standalone build that assumes browser environment. But regardless, I don't think it's possible (or involves non-trivial effort) to do Vue SSR in PHP V8js because:

1. The vue-server-renderer package has other Node package dependencies, e.g. he and de-indent. This can be solved by bundling the whole package and these dependencies into one file;
2. Some features rely on Node.js native modules like vm and stream. So even if you can get normal SSR working, you wouldn't be able to use stream mode or the bundleRenderer.

Basically, this is not something we are planning to work on, but we are definitely open to community contributions if anyone wants to make it work.

[bratao]

This is also a major decision blocker between React and Vuejs. The react have a v8js plugin and works perfectly.
I can allocate sometime next week to look if I can get any workaround. But if anyone have any progress in this use case, please inform here in this topic

[nirazul]

Sever-side rendering without a node dependency would be a huge improvement for us as our backend heavily depends on a python stack. A V8 plugin would come in very handy.

[7ammer]

Has any progress been made in this area? The Laravel community really needs something like this where Vuejs is concerned.

[muthu32]

If vue has to be used with php(Laravel), Then we have to sacrifice SEO for app.
If you need SEO (Serverside Rendering), Then you have to rely on node.js.If v8js is supported in vue, then that will be huge help to laravel community.

Has any progress been made in this area?

[youssef-lr]

How cool would it be to have a blade directive @render_vue('my-vue-component', ['prop' => 1]) ?

[rohmanhm]

Maybe you can try this package https://github.com/lukechilds/browser-env if you had document not defined
I'm not sure yet

[rjvim]

+1

[martinsotirov]

We definitely need a workaround for setTimeout and the other missing things in non-Node V8 implementations.

I was trying to render my Vue.js app with some Go-based JS environments the other day and it didn't work for the same reason – setTimeout missing.

[neronmoon]

+1

[bratao]

@yyx990803 Could you please revisit this issue ?

[acidjazz]

@yyx990803 would be really awesome to have this! +9001

[posva]

Please, do not spam. The answer below is clear
We are open to community contributions, so if you have something to share, please, do it by commenting here. But do not comment to say +1 or Any updates? or any equivalent phrase
This issue may also be interesting: #5415