demo-nginx-vue

Sample web application integrating bootstrap based coreui with Vue. Initial scafold done with Vue CLI. The project can be deployed as a docker container or pushed directly with a buildpack to Microsoft Azure

Integration and Links

• Vue cli used to generate this project
• Style Guide for Vue. Attempting to follow as best as possible
• CoreUI Bootstrap theme
• Bootstrap-Vue components
• Vue Router for view management
• Vuex for state management
• vue-mobile-detection for checking mobile state
• axios as http client
• jsonplaceholder for sample table data

Project setup

• Install a nodejs runtime is installed (LTS)

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run as docker container

You can create a public registry with security scanning for free at Quay.io

• Build and push the image with this script. You will have to edit the quay.io registry endpoint for the push command to work

docker-build.sh

• Run the continer with this script

docker-run.sh

• The server will be running on http://localhost:5000

Deploy to Microsoft Azure

TODO

Docker

• Deploy a docker container with the following command

cf-push-docker.sh