Angular App into Docker container

How to create a new angular project

• Initialize the environment

ng new democontainer
cd democontainer
npm install
ng serve
ng build --prod

• Copy Docker file

FROM nginx:alpine

WORKDIR /usr/share/nginx/html
COPY ./dist/democontainer/. .

• Copy .dockerignore file

node_modules
npm-debug.log
Dockerfile*
docker-compose*
.dockerignore
.git
.gitignore
.env
*/bin
*/obj
README.md
LICENSE
.vscode

• Build the application

npm install
ng build --prod

• Build image and run the container

docker build -t genocs.democontainer .
docker run -p 88:80 -d --name kp-container genocs.democontainer

• Publish on DockerHub

docker tag genocs.democontainer genocs/democontainer
docker push genocs/democontainer
docker pull genocs/democontainer:latest

• Publish on Azure Container Registry without pipeline

az acr login --name genocsregistry
docker tag genocs.democontainer genocsregistry/democontainer
docker push genocs/democontainer
docker pull genocs/democontainer:latest