Proof of concept for showing Webpack + VueJS 2 with Single Page Components, page routing ecosystem along with Scala Lift Framework as a REST API. WebPack Dev Server is enabled for local development, hot reloading and lintin. REST API calls are proxied in the Webpack Dev Server to make it work along Jetty SBT Lift Server
- Yarn - FAST, RELIABLE, AND SECURE DEPENDENCY MANAGEMENT. -
- Webpack 2 - MODULE BUNDLER -
- VueJS 2 - THE PROGRESSIVE JAVASCRIPT FRAMEWORK -
- Vue Router 2 - THE OFFICIAL ROUTER FOR VUE.JS -
- Vue Resource - THE HTTP CLIENT FOR VUE.JS -
- Scala Lift Framework - LIFT IS THE MOST POWERFUL, MOST SECURE WEB FRAMEWORK AVAILABLE TODAY -
- Be sure you have Yarn installed globally.
- Clone the repo
- Run
sbt ~container:startin in the project root in order to start Rest API Server - run
yarnoryarn installin/src/main/webapp
Then if you want to start de WebPack Dev Server run yarn dev, otherwise if you want to build the bundle containing all the scripts and code necessary to run in a production like environment run yarn build
- Webpack: When To Use And Why
- Front End Center — Webpack from First Principles
- Building Large-Scale Apps
- Build an App with Vue.js: From Authentication to Calling an API
- Build a Single Page Time Tracking App with Vue.js
- A curated list of awesome things related to Vue.js
- Vue.js build set-up from scratch with webpack, vue-loader and hot reload
- Evan You - Modern Frontend with Vue.js - Laracon EU 2016
- General Guidelines for VueJS (vue-loader) and webpack
- A simple Vue 2.0 Webpack & vue-loader setup for quick prototyping.
- A bare-bones starter-template to get your hands dirty with awesome Vue.js library.
- Google Chrome VueJS Dev Tools
- For a large app maybe it suitabable to see if a centralized state management is needed, like Vuex
- Check for SSR Server Side Rendering and this technique Vue.js Server Side Rendered Data
- Secure JSON API CALLS on front and back end. This could come handy: JSON Web Tokens