All examples can be run with:
npm install
npm start
This example shows a very basic Vue instance rendered to an html string on the server. The output is logged directly to the console.
This example extends upon basic by exposing the SSR output via an express web server. Navigating to localhost:8080 will return a response with your current path displayed in the html. Try navigating to different paths to see the output update.
This example extends upon server-basic by extracting the html content into a separate index.template.html file. Additionally, a context object is used to dynamically update attributes of the document. In this example, the title of the page dynamically reflects the time of page load.
This example builds a universal vue app using nuxt.js and is a re-implementation of the react next.js ssr example. In this example, every page can be rendered by both the client and the server. Navigating directly to a page in your browser will result in a server render, while navigating via links will result in a client side render. Likewise, the data to populate the pages is fetched from the browser for a client render or from the node.js server for a server render. Note the on-screen message "This page was rendered on..." which provides context of now the current page was rendered.
To run this example:
npm install
npm run dev