Express NodeJS application server boilerplate with Mongo and VueJS
Last updated 3 years ago by mresende .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install vue-express-mongo-boilerplate 
SYNC missed versions from official npm registry.


Known Vulnerabilities Node 6 VueJS 2 Webpack 2

This project is under heavy development!!!

This is a VueJS webapp boilerplate project with ExpressJS + Mongo server. Not an out-of-box webapp.

Inspired by dstroot/skeleton and sahat/hackathon-starter

This is just my personal boilerplate, it may or may not be a good fit for your project(s).

If you like my work, please donate. Thank you!

Live Demo (login: test/test1234)




Supported remote logging services


Install dependencies

$ npm install



For development

$ npm run dev

Build web app scripts and styles:

$ npm run build

For production

$ npm start


Login screen

Login screen

Index page after login

Index page

Devices page

Devices module

Directory structure

|   +---app
|   |   +---core
|   |   +---modules
|   |       +---demo
|   |       +---devices
|   |       +---home
|   |       +---posts
|   |       +---session
|   |                   
|   +---frontend
|   +---images
|   +---scss
|   |   bundle.js
|   |   dev.js
|   |   index.js
|   +---applogic
|   |   +---libs
|   |   +---modules
|   |       +---counter
|   |       +---devices
|   |       +---posts
|   |       +---session
|   +---config
|   |       default.js
|   |       index.js
|   |       prod.js
|   |       test.js
|   |       
|   +---core
|   +---libs
|   +---locales
|   |   +---en
|   |   +---hu
|   +---models
|   |       user.js
|   +---public
|   +---routes
|   +---schema
|   +---services
|   +---views
|   package.json
|   secrets.json

Bundled server-side

If you want to bundle your NodeJS server-side code run webpack on server code with npm run build && npm run build:server command. It if was success, run the server: npm run start:bundle

If you want to export bundled version copy these folders & files to the new place:

  • server
    • locales
    • public
    • views
    • bundle.js
  • package.json
  • config.js (optional)

Before start, you have to install production dependencies with npm: npm install --production

Obtaining API keys for social signup/login

- Visit [Google Cloud Console]( - Click on the **Create Project** button - Enter *Project Name*, then click on **Create** button - Then click on *APIs & auth* in the sidebar and select *API* tab - Click on **Google+ API** under *Social APIs*, then click **Enable API** - Next, under *APIs & auth* in the sidebar click on *Credentials* tab - Click on **Create new Client ID** button - Select *Web Application* and click on **Configure Consent Screen** - Fill out the required fields then click on **Save** - In the *Create Client ID* modal dialog: - **Application Type**: Web Application - **Authorized Javascript origins**: http://localhost:3000 - **Authorized redirect URI**: http://localhost:3000/auth/google/callback - Click on **Create Client ID** button - Copy and paste *Client ID* and *Client secret* keys into `config.js` file
- Visit [Facebook Developers]( - Click **My Apps**, then select **Add a New App* from the dropdown menu - Select **Website** platform and enter a new name for your app - Click on the **Create New Facebook App ID** button - Choose a **Category** that best describes your app - Click on **Create App ID** button - In the upper right corner click on **Skip Quick Star** - Copy and paste *App ID* and *App Secret* keys into `config.js` file - **Note:** *App ID* is **clientID**, *App Secret* is **clientSecret** - Click on the *Settings* tab in the left nav, then click on **+ Add Platform** - Select **Website** - Enter `http://localhost:3000` under *Site URL*

Note: After a successful sign in with Facebook, a user will be redirected back to home page with appended hash #_=_ in the URL. It is not a bug. See this Stack Overflow discussion for ways to handle it.

- Go to [Account Settings]( - Select **Applications** from the sidebar - Then inside **Developer applications** click on **Register new application** - Enter *Application Name* and *Homepage URL* - For *Authorization Callback URL*: http://localhost:3000/auth/github/callback - Click **Register application** - Now copy and paste *Client ID* and *Client Secret* keys into `config.js` file
- Sign in at []( - Click **Create a new application** - Enter your application name, website and description - For **Callback URL**: - Go to **Settings** tab - Under *Application Type* select **Read and Write** access - Check the box **Allow this application to be used to Sign in with Twitter** - Click **Update this Twitter's applications settings** - Copy and paste *Consumer Key* and *Consumer Secret* keys into `config.js` file


vue-express-mongo-boilerplate is available under the MIT license.


Copyright (C) 2016 Icebob

@icebob @icebob

Current Tags

  • 0.9.0                                ...           latest (3 years ago)

1 Versions

  • 0.9.0                                ...           3 years ago
Maintainers (1)
Today 0
This Week 1
This Month 1
Last Day 0
Last Week 1
Last Month 1
Dependents (0)

Copyright 2014 - 2017 © |