/Vue.js-with-Sails.js-backend-example-project

Vue.js with Sails.js backend example project

Primary LanguageJavaScriptMIT LicenseMIT

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.