KintoHub VueJs Example

Overview

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.

Live Example

About KintoHub:

KintoHub aligns teams to ship & operate cloud native apps with ease. Learn More

Deployment

1. Apply this template to your Github
2. Connect your GithubApp to KintoHub.
3. Create a Website Block on KintoHub and select the Repository you just generated on your account.
4. Select Static from Build
5. Set the name of your kinto block
6. Choose Node.js as the language and 13.1-alpine as the version
7. Set the Build Command as npm install && npm run build
8. Set the Build Folder as /dist

You're now good to go! Click Create Website and then on your Master branch click Build Latest Commit.

Once complete, Click Now click Add To Project. And now you're ready to go live Click Deploy and once done -> you can view your website by clicking Open

Installation & Local Run

# 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

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Test

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

What's Next?

You can do a lot with KintoHub and your deployed application. Some helpful links for next steps that you may consider with this project.

• Creating multiple environments

Happy coding!