Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Vue Express Mongo Boilerplate screenshot

Vue Express Mongo Boilerplate

Author Avatar Theme by Icebob
Updated: 18 Oct 2019
2838 Stars

:star: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS

Github Live Preview

Categories

Express Vue Scss Fullstack

Overview

The Vue, Express, MongoDB full-stack JS Boilerplate is a project that provides a starter code repo for creating full-stack web applications using VueJS, ExpressJS, and MongoDB. It includes important functions such as user signup, login, oauth, profile, and more. It is not an out-of-box project, but rather a foundation upon which to build a web app with the necessary functions already implemented.

Features

  • Server-side features:
    • Node.JS v10.x.x
    • Express
    • MongoDB with Mongoose
    • NodeMailer with SMTP, MailGun or SendGrid
    • Helmet
    • Express-validator
    • winston + 6 transports
    • GraphQL with Apollo stack
    • i18next as the internationalization ecosystem
    • HTTP/2 Server Push with netjet
    • Bundled server-side code with Webpack 2
  • Client-side features:
    • VueJS 2.x
    • Vuex
    • Vue-router
    • axios
    • socket.io connection with namespaces & authorization
    • vue-websocket
    • Jade
    • Webpack 4
    • SCSS
    • PostCSS with precss and autoprefixer
    • Babel
    • Passwordless mode
    • Passport.JS
    • Social signup/login with Facebook, Google, Twitter, and Github
    • API key authentication for REST API calls
    • Toastr
    • vue-form-generator
  • Supported remote logging services:
    • Papertrail
    • Graylog
    • LogEntries
    • Loggly
    • Logsene
    • Logz.io

Installation

  1. Install dependencies:
    npm install
  2. For development, build web app scripts and styles:
    npm run dev
  3. For production, build the docker images:
    npm run build
  4. Start the images:
    npm run start

Summary

The Vue, Express, MongoDB full-stack JS Boilerplate is a comprehensive starter code repo that provides the necessary functions for building a full-stack web application using VueJS, ExpressJS, and MongoDB. It includes server-side and client-side features, as well as support for social signup/login and API key authentication. The project also offers support for various remote logging services. Overall, it serves as a solid foundation for building web apps with a modern tech stack.