[Vuejs]-Run WordPress plugin scripts using Vue.js

0👍

The referenced theme uses the headless approach, so you can’t use it without Server Side Rendering (SSR) using node.js to have the content accessible by search engines. WPML will not work neither, as it loads only content for the page initially loaded, so when you change the route from within the app, you have first to fetch the content of the new route. Furthermore you might need to load also related scripts and styles for the new route, as these can be enqueued only for particular pages / post_id’s / templates.

It is a huge pain in the a** to combine both worlds (Vue/SPA’s vs WordPress). I know this because I am working now for 7 months (since January/February 2019) on a commercial fully functional and SEO friendly Vue.js + WordPress theme. Last month I was working on an integration of Polylang. And it sucks. Not only because Polylang sucks in general (though I am still using it over WPML because it has a far better performance but the usability, functionality and documentation is far bellow of those of WPML), but also because of the mentioned technical issues on route changing.

But I’ve managed the troubles and hopefully by the end of September I will make the theme available for purchase at wue-theme.app. It will have also integrated WPML, WooCommerce, WP Rocket and Elementor. Until then I have a free starter theme solving general SEO issues on Github: http://github.com/Tech-Nomad/wue-theme

You might also want to check this similar starter theme:
https://github.com/bucky355/vue-wordpress

Leave a comment