Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vladotesanovic/angular2-express-starter

Angular 8 and Express :family: ( Heroku ready )
https://github.com/vladotesanovic/angular2-express-starter

angular-cli angular2 aot expressjs redux typescript

Last synced: 3 days ago
JSON representation

Angular 8 and Express :family: ( Heroku ready )

Awesome Lists containing this project

README

        


## Angular4+ Express Starter ( Advanced )

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

[![Deploy](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)

## Concepts

- Redux ( NgRx/Store - with server calls)
- Smart & dumb components
- AOT: Ahead-of-Time compilation
- Advanced routing ( lazy loading, router outlets...)

## Install / Development

```bash
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

```bash

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]