/StaticVueSite

Vue.js boilerplate for static sites

Primary LanguageJavaScript

This is a simple page built with Vue.js, used as a boilerplate.

Docker setup

Following instructions at https://nodejs.org/en/docs/guides/nodejs-docker-webapp/ https://scotch.io/tutorials/how-to-host-a-node-js-app-on-digital-ocean#docker-machine-approach

When working locally, the files will be served through vue-cli-service, with hot reloading. On the remote host, the files will be served through fastify-static that will serve the minified bundle.

  • npm run docker:build to build the image
  • npm run docker:run-detached to run it
  • Once done, the app should be visible at http://localhost:49160

Using docker-machine to point local docker to remote Docker engine.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report