vue-ssr-simple-setup icon indicating copy to clipboard operation
vue-ssr-simple-setup copied to clipboard

An example of SSR setup for Vue.js app.

Vue SSR Simple Setup

Medium article

This repo is an example of SSR setup for Vue.js application using:

  • Webpack 4 for building client and server bundles;
  • Node.js Express server;
  • webpack-dev-middleware and webpack-hot-middleware for comfortable dev environment;
  • Babel for transpiling modern js syntax;
  • Vuex for a state management;
  • vue-meta for metadata management.

Feel free to use it as a boilerplate for your projects.

Project setup

npm install

Run Express dev server with HMR support

npm run dev

Build client bundle for production

npm run build:client

Build SSR bundle for production

npm run build:server