Large SPA application is hard to design, because a lot of things need to consider
  The boilerplate had solved the difficulty for you:
  
  > ES6
  > Modular
  > Component
  > Dynamic routing
  > Base64 encoding
  > File hash cache
  > incremental load
  > Compression combined
  > Time traveling debugger
  > Unidirectional data flow
  > ...

.
├── /node_modules/               # 3rd-party libraries and utilities
├── /build/                      # build files
├── /client/                     # The source code of the application for client
├── /server/                     # The source code of express server
├── /tasks/                      # Build automation scripts and utilities
│   ├── /bundle.js               # Bundles the web resources into package(s) through Webpack
│   ├── /clean.js                # Cleans up the output (build) folder
│   ├── /webpack.config.js       # Webpack configuration for application bundles
│   ├── /server.js               # Launches the Node.js/Express web server
│   └── /deploy.js               # bundle and deploy build files to git branch
│   └── /publish.js              # deploy build files to git branch
│   └── /browserSync.js          # browserSync tools and webpack middleware
│   └── /start.js                # Launches the development web server with "live reload"
│── package.json                 # The list of 3rd party libraries and utilities
└── processes.json               # production settings for PM2