Awesome
<img width="150" src="https://i.cloudup.com/zfY6lL7eFa-3000x3000.png" /> <img width="50" src="https://angular.io/assets/images/logos/angular/angular.svg" />Angular4+ Express Starter ( Advanced )
- Angular 5+
- ExpressJS ( 4.x - with compression )
- Webpack ( angular-cli )
Concepts
- Redux ( NgRx/Store - with server calls)
- Smart & dumb components
- AOT: Ahead-of-Time compilation
- Advanced routing ( lazy loading, router outlets...)
Install / Development
git clone https://github.com/vladotesanovic/angular2-express-starter
cd angular2-express-starter
# Install dependencies
npm install
# start server
npm run start
# Client url: http://localhost:4200
# Application ( epxress ) API: http://localhost:4300
Install Redux DevTools chrome extenstion:
https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd
Build / Production
npm run build
## Deploy dist folder to app server
Structure of dist folder:
/dist/server <-- expressjs
/dist/client <-- angular2
Note
All html and css are from: http://www.w3schools.com/howto/
<table style="border: 0"> <tr> <td><img width="200" src="http://www.innovic.io/assets/logo-small.png" /></td> <td> <ul> <li>INNOVIC doo</li> <li>Software consulting company for building full stack solutions.</li> <li>Proficient in: NodeJS, TypeScript, Angular, MongoDB...</li> <li><b>You have project for us? hello@innovic.io</b></li> </ul> </td> </tr> </table>