All Projects → olegpisklov → vue-ssr-simple-setup

olegpisklov / vue-ssr-simple-setup

Licence: MIT license
An example of SSR setup for Vue.js app.

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue-ssr-simple-setup

vuniversal
[WIP] Create vue (3) universal web applications quickly by @vitejs.
Stars: ✭ 20 (-70.59%)
Mutual labels:  vue-meta
vue-seo-friendly-spa-template
Vue.js PWA/SPA template initially scaffolded with vue-cli and configured for SEO. Makes use of prerendering and other techniques/packages in order to achieve a perfect "Lighthouse Score".
Stars: ✭ 41 (-39.71%)
Mutual labels:  vue-meta
vue-ssr-template
A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.. (Thanks for vue-hackernews-2.0)
Stars: ✭ 18 (-73.53%)
Mutual labels:  vue-meta

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].