angular

A 3-post collection

Exploring multi-stage Docker builds for Angular apps

Figuring out the best way to build and deploy any application regardless of the tech stack can be a sprint all in itself. So many questions to answer: What CI/CD pipeline do you use? Can't we just use the CLI? What about right-click-publish? Git Deploy? npm, yarn ? Docker, Kubernetes, Swarm, Containers...oh my!?!?! Yes or "it depends" is always the answer to these questions depending on the development shop you're working in. Docker, in version 1.17, introduced the concept of multi-stage builds which in short allows you to (in a single docker file) create images and utilize the output from one into the next to produce a final image and reduce the need for build scripts etc. See...


Angular 2: Application Settings using the CLI Environment Option

Application wide settings can be a long conversation when starting a new application. Here are just a few questions when some of my teams started this conversation: Do we use ENV variables? What about manual bootstrap? Configuration files? Should we get them from the server? Using angular-cli & environment.ts The new angular-cli have the concept of different environments like development (dev) and production (prod). When creating a new application with the cli ng my-app and /environments folder is a part of the scaffold which contains the environment files. . ├── environment.ts ├── environment.prod.ts . . and then within the /src/app folder is and environment.ts file. Here are the contents: export const environment = { production: false }; As you might imagine, the...


Angular 2 : Getting off the Starting Line

The Angular team created a quickstart repo over at https://github.com/angular/quickstart which is a great starter project template for basically a "Hello World" application. It provides: lite-server, which is a demo or local/development only server basic tests using karma typescript dependencies (tsconfig, typings) Getting started is included in the README, but it's simple # clone the repo git clone https://github.com/angular/quickstart <your app name> # change directory to your app name cd <your app name> # delete the .git file to remove the binding from the angular repo rm -rf .git Now the code is set for you to create your own repo, git init, commit etc. Running the quickstart First make...