Vue.js with Sails.js backend example project

This project is for those who are new to single-page applications and want to learn through a real example. Besides that, it should cover most of the features from Sails.js and Vue.js.

Getting started

Prerequisites

I created a Vagrant box with MongoDB, Node.js, Sails.js and Vue.js and also a Docker file. Or manually install Node.js and Sails.js.

Get Node.js

$ curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
$ sudo apt-get install -y nodejs

Get Sails.js

$ sudo npm install sails -g

Install modules

$ cd frontend && npm install
$ cd ../backend && npm install

Production

First, you have to build up your Vue.js components and merge them with Sails.js. This can be done with cd frontend && npm run build. Now do cd ../backend && sails lift and then open your browser and go to localhost:1337.

Development

cd backend && sails lift and then cd ../frontend && npm run dev. After that open localhost:8080 in your browser.

Components used

The following components are used in this project.

Sails.js

This is the backend and data provider.

Vue.js

Handle frontend data with a MVVM.

Vuex

A state pattern.

BootstrapVue

Frontend framework. The design part.

vue-resource

HTTP client for Vue.js.

vue-router

Router for the frontend.

To do

• More tests
• more multilingualism
• file uploads
• upgrading to Sails.js 1.0
• mobile version
• finalize checkout
• use modules for Vuex

Code style

This project fulfils the JavaScript Standard Style.