title: Vue SSR without node
body: <p>I'm refactoring a web app that makes heavy use of vue components.</p>
  
  <p>Currently, the vue components are rendered server side using the twig template language. The components are rendered to the page as static html... no webpack or vue cli is used. Data is dynamic... (product catalog).</p>
  
  <p>You can think of each page as a "single page app" rendered as static html. The templates are a soup of twig and vue.</p>
  
  <p>The long term intention is to move the backend to Phoenix, so I'm trying to make the components as portable as possible, so they're not tightly coupled to twig.</p>
  
  <p>I want to use vue cli, vuex, webpack etc in my refactor. I'd like to render the components server side... however, I am unable to use vue SSR, as we cannot run node on the server.</p>
  
  <p>Is it possible for me to build my components (using webpack etc), upload them to the server - and have them pre-populated server side with data?</p>
  
  <p>One idea I've had (but can't get to work) is to try and place the vuex store outside of my compiled vue app... as a glorified string. I can then write the data to this (using twig) and embed the app within the html that is sent down.</p>
  
  <p>It would still use twig - but only to populate a vuex state object... the rest would be sent down as an html string... and in theory, I'm thinking this shouldn't kill search engines reading the pages?</p>