Awesome Open Source
Awesome Open Source

vue-stack

Minimalistic Boilerplate for FullStack Express and Vue.js applications with PWA support.

To understand how this boilerplate works, see the Nuxt.js documentation.

Installation

git clone https://github.com/samuelnovaes/vue-stack.git
cd vue-stack
npm install
npm run dev

Express API (With hot reload in dev mode!)

There is a api directory with the Express API. Each route is mapped to /api.

BodyParser is included by default.

Example

api/index.js

const router = require('express').Router()

// GET /api/greeting
router.get('/greeting', (req, res) => {
	console.log('Hello World!')
})

module.exports = router

Index.js file

The index.js file is responsible for starting the Express application. The vueStack(app, port) function starts the application on a specific port.

const express = require('express')
const vueStack = require('./vue-stack')
const app = express()

vueStack(app, process.env.PORT || 3000)

The vueStack function returns a Promise.

PWA

By default, Vue Stack generates a PWA application en production mode. You can customize its manifest and icons in nuxt.config.js

Commands

Command Description
npm run dev Launch a development server on localhost:3000 with hot-reloading.
npm run build Build your application with webpack and minify the JS & CSS (for production).
npm start Start the server in production mode (after running nuxt build).
npm run generate Build the application and generate every route as a HTML file (used for static hosting).

Using Docker

# docker build -t [IMAGE_NAME] .
# docker run -d --name [CONTAINER_NAME] -p [PORT]:3000 [IMAGE_NAME]

See more

Alternatives To Vue Stack
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,058,747
Server (66,276
Vue (65,889
Express (30,200
Stack (16,091
Axios (5,922
Nuxt (4,017
Full Stack (3,634
Vuetify (1,582
Mevn (27