Skip to content

Angular App into Docker container

Giovanni Emanuele Nocco edited this page Aug 24, 2020 · 6 revisions

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
  • Setup the project

    • Describe the idea
    • Identify the product shape
  • Project management

    • Define the MVP (Minimum Viable Product)
    • Identify the KPIs (Key Performance Indicators)
    • Define the process
    • Identify and define the roadmap, checkpoints, deadlines
  • Implement the solution

    • Patterns and practices
    • Technologial Stack
    • Tools, languages, libraries and services
  • Operations maintenance support and feedback

    • Strategical organization
    • Pratical implementation

Clone this wiki locally