mechevarria / seed-nginx-vue

Seed project for deploying a vuejs application on SAP Cloud Foundry

seed-nginx-vue

Seed web application integrating Vue with Bootswatch. Initial scafold done with Vue CLI. The project can be deployed directly with a buildpack to SAP Cloud Platform

Integration and Links

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

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

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

Deploy to SAP Cloud Platform

You can create an account for free at SAP Cloud Platform

• Make sure you have the Cloud Foundry Command Line Interface (cf CLI) installed

• Update the cf-login.sh script with the values found in the SAP Cloud Foundry Cockpit. Then run the script to login.

cf-login.sh

Buildpack

• Push your code directly without the need of a container registry with the following commands (make sure you have done a build ahead of time)

cf-push-buildpack.sh

• You will find a url to your deployed application in the SAP Cloud Platform Cockpit or you can query with the cli

cf app seed-nginx-vue

Customize configuration

See Configuration Reference.