Skip to content

yunhan0/koa-vue-fullstack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Koa Vue Fullstack Boilerplate

Vue.js, Koa.js, Node.js, and MongoDB fullstack lightweight example application. Authentication, CRUD, and access Control included.

Environment:

  • Server
    • Koa
    • Koa Router, Koa Cors, Koa Bodyparser
    • Mongoose
    • Node
  • Client
    • Vue
    • iView
    • Axios (HTTP Client Library)
    • Webpack
    • WebpackDevServer (Development mode only)

Architecture

├─client # frontend folder │ ├─src # frontend src │ │ ├─api │ │ ├─router │ │ ├─styles │ │ ├─components │ │ ├─store # state management │ │ │ └─modules │ │ └─view # app pages │ │ └─auth │ └─static # static folder | └─server # server folder └─src # server src ├─api # server api list │ ├─auth # completely token-based authentication │ ├─thing │ └─user ├─config # server configurations │ ├─index # default server port, mongo uri, etc settings │ ├─security # security settins │ └─seed # populate database with sample data on server start ├─entry.js # entry file for environment setup ├─main.js # main file after entry └─routes.js # router 

Run through Docker

You can boost the server by using Docker

cd server docker-compose up 

Installation:

The server and client are completely seperated in this project, so go to each client and server folder and run:

npm install 
Running dev client:
npm start 
Running production client:
npm run build 
Running server:
npm start 

About

A lightweight boilerplate for a universal webapp based on koa, mongodb, node, vue, and webpack

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published

Contributors 2

  •  
  •