spatie / server-side-rendering

Server side rendering JavaScript in a PHP application
https://sebastiandedeyne.com/posts/2018/server-side-rendering-javascript-from-php
MIT License
602 stars 34 forks source link

Not working #59

Closed roshanlal-promenna closed 1 year ago

roshanlal-promenna commented 1 year ago

I followed your all instructions, but still not able to run example.

  1. App.vue
<template>
  <div>SSR</div>
</template>`
  1. Welcome.blade.php

    <html>
    <head>
        <title>My server side rendered app</title>
        <script defer src="{{ mix('js/app-client.js') }}"></script>
    </head>
    <body>
       <div id="app">
         {!! ssr('js/app-server.js')->render() !!}
        </div>
    </body>
    </html>
  2. webpack.mix.js

    mix
    .js('resources/js/app-client.js', 'public/js')
    .js('resources/js/app-server.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css');
  3. app-client.js

    
    import app from './app';

app.$mount('#app');


5. app-server.js
```javascript
import app from './app';
import renderVueComponentToString from 'vue-server-renderer/basic';

renderVueComponentToString(app, (err, html) => {
    if (err) {
        throw new Error(err);
    }
    dispatch(html);
});

6.app.js

import Vue from 'vue';
import App from './components/App';

export default new Vue({
    render: h => h(App)
});

let me know what else needed.

View source result: Screenshot from 2023-07-20 19-52-39

On browser component showing correctly.