Full Stack TypeScript Build System

Setup for a full stack TypeScript build pipeline that helps you developing a frontend together with a backend and a database. Including automatic code recompilation and production deployment.

Highlights

1. Compatible with macOS, Linux & Windows (cross-env)
2. Static type-checking (TypeScript)
3. Latest ECMAScript features (Babel)
4. Automated development tasks (gulp)
5. Automated environment handling for development & production (gulp, dotenv)
6. Incremental compilation for faster builds (gulp-typescript)
7. Source map support (gulp-sourcemaps)
8. Single interface log system with multiple transports (logdown)
9. Automatic code change detection in development (gulp.watch, nodemon, webpack-dev-server)
10. Behavior-driven development framework for testing (jasmine)
11. High-level abstraction for testing HTTP calls (supertest)
12. Server restarts in development mode when backend code changes (nodemon)
13. Full page reloads in development mode when backend code changes that affects the frontend (devServer.contentBase)
14. Incremental page reloads in development mode when frontend code changes (HMR)
15. Consistent coding styles between different editors (EditorConfig)
16. Support for Continuous Integration (Travis CI)
17. Browsable API documentation generator (hapi-swagger)
18. Object-relational mapping (TypeORM)
19. Database migrations generation (TypeORM)
20. Frontend styling solution supporting theme nesting, dynamic styles & self-support (JSS)