Angular application in Docker - Traversy Media Angular Crash Course into Docker Environment

[Github Repo]

[Original Source Repo]

Developing angular in docker environment from development to production

00:00 Introduction of the project
07:00 Docker Development Environment for Angular
14:20 Docker Development Environment for Json Server
20:05 Docker Compose Setup for Development
26:38 Production Environment Setup
43:10 Explaining the difference in Production Setup

[pedro.lizarraga]

Thanks for the tutorial, it helps a lot!

[hironakae]

thanks for explaining so well, I learned a lot!

[simpleprogramming]

Many many thanks Moon Data! I learned a lot :)

[СергейРябов-юн]

Hello. Thanks for the video.
What's best practice for using docker and CI? I mean should we install dependencies, compile project in CI and after that wrap dist in docker container or we should do build steps in docker?

[mudassarm]

I do not want to install anything in my local environment other than the docker desktop. For different projects, I might need different versions of node or angular cli etc. I need development environments for my projects on local machine that do not interfere with my machine or other dev environments.

[rpiisenh]

Was it possible to dockerize angular app with single docker file for multiple environment? Is it possible to ship a docker container that can be used for UAT and production environment without new build?

[ТирионЛаннистер-цф]

Hi. Thank you very much for the video. One quick question. Everything works when I type your command in vscode - docker run --rm -p 4200:4200 $(docker build -q -f Dockerfile.dev .) - and open the container in the browser. But when I create the image from inside the vscode by right clicking on Dockerfile.dev and then click Build image, then in the browser localhost:4200 is just an empty page. Any ideas?

also when I do it your way and then stop the container in Docker Desktop, the container disappears from Docker Desktop and the image of it disappears as well. That's very strange.

[franciscojavierromeroconde]

Live Reloading enabled not working! Please fix it or tell me how to solve it! I have Windows 10 + Docker version 20.10.8, build 3967b7d

[smc_onetwo]

Great tutorial.
However my angular app is not refreshing after I update it for some reason. I googled the error and I tried exposing port 49153 and even adding the '--poll' command to ng serve. I'm running my app on Linux Ubuntu. Any suggestions?