How to Dockerize Angular, Vue and React Web Apps

How to Dockerize Angular, Vue and React Web Apps

• 1.
  How to DockerizeAngular, Vue and React Web Apps #DockerDevBSF WEBINAR
• 2.
  Panelists Orlando Castillo Technical Consultant CharlesGreen Director of Thought Leadership #DockerDevBSF
• 3.
  How can yousimplify multiple stages? Server Microservice Microservic e How do you deploy using cli at its highest? #DockerDevBSF
• 4.
  Has Docker gotyou covered? #DockerDevBSF
• 5.
  Uglifying AOT compiler Tree shaking Thebeauty of ng build #DockerDevBSF
• 6.
  #DockerDevBSF
• 7.
  Isolated running process Unlinkvirtual machines, share the operating system on which they are running Simplify building, shipping apps Runs natively on Linux or Windows Server Runs on Windows or Mac Development machines (Docker CE) What is a Docker container? #DockerDevBSF
• 8.
  #DockerDevBSF
• 9.
  Docker Image Example: nginxAlpine with Angular application code Docker Container Created by using an image. Runs your application in a container. The Role of Images and Containers docker run #DockerDevBSF
• 10.
  A read-only templatecomposed of layered filesystems used to share common files and create Docker container instances. Image #DockerDevBSF
• 11.
  An isolated andsecured shipping container created from an image that can be run, started, stopped, moved and deleted. Container #DockerDevBSF
• 12.
  Demo Time Deploying Angular #DockerDevBSF
• 13.
  Docker Image Dockerfile What dowe need? Artifacts Dockerfile Docker Image Docker Container http://orlando1409.myawesomesite.com/
• 14.
  The Linux kernelon steroids Docker Layers #DockerDevBSF
• 15.
  Using Docker Multistage-StageBuilds With that, you can have a Node.js base image that installs, builds and compiles everything, and then, “discard” all those Node.js specific Docker image layers, and end up with a Nginx image with just your compiled code.
• 16.
  Docker Image docker build Dockerfile Dockerfileand Images
• 17.
  LABEL author="Orlando Castillo"COPY ./dist /usr/share/nginx/html ENTRYPOINT["nginx", "-g", "daemon off;"] FROM nginx:alpine EXPOSE 80 443 Dockerfile Example #DockerDevBSF
• 18.
  docker build -torlando1409/to-do-app . Short for --tag Tag name Build context Building a Custom Image Repository Image name #DockerDevBSF
• 19.
  docker run -p8080:80 orlando1409/to-do-app External/Internal Port Image Name Running a Custom Container #DockerDevBSF
• 20.
  Thank you! #DockerDevBSF
• 21.
  Bonus material #DockerDevBSF
• 22.
  Q&A #DockerDevBSF