akazimirov / domic

Angular2 Express Starter ( Advanced )

• Angular 2 ( 2.x )
• 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...)

Support

If you’d like to support me developing this project you’re able to do so by donating on PayPal or if you have any special needs/ feature requests don’t hesitate to send me an email.

Install / Development

git clone https://github.com/vladotesanovic/angular2-express-starter
cd angular2-express-starter

# Install dependencies
npm install

# Create folder if not exists
mkdir _db

# Run mongodb server
mongod --dbpath=_db

# 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/