Awesome Open Source
Awesome Open Source

Angular4+ Express Starter ( Advanced )

  • Angular 5+
  • ExpressJS ( 4.x - with compression )
  • Webpack ( angular-cli )

Deploy

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/

  • INNOVIC doo
  • Software consulting company for building full stack solutions.
  • Proficient in: NodeJS, TypeScript, Angular, MongoDB...
  • You have project for us? [email protected]


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.
Typescript (266,216
Angular (54,877
Express (31,062
Redux (28,351
Family (3,948
Angular Cli (2,299
Aot (716
Ngrx Store (250