Docker with an Angular Application

Learn how to write a Dockerfile for your Angular application with port forwarding to serve your application from within the Docker image and view it from your local machine.
Checkout my Medium article below:
/ dockerize-an-angular-a...
Don't forget to like and subscribe if you enjoyed the video!

[@burgels]

Just wanted to say a HUGE thank you. I struggled all day with this yesterday and your solution worked for me on the first try. Plus I better understand what is happening now than I did.

[@jakecyr]

No problem at all! I'm glad you found it useful and it helped unblock you.

[@rohanrustagi7857]

@@jakecyr DUDE CAN WE ALSO ADD NGINX INSTRUCTIONS TO HOST THE APPLICATION ??

[@ranielquirante1064]

Thank you for this, this is the only video that I've watched that doesn't use nginx

[@jakecyr]

No problem, I'm glad it helped!

[@mykhailo6919]

Only your video helped me among 15 from youtube! Thank you!

[@jakecyr]

I’m glad it helped you!

[@erlaveera5409]

It's Working. Thanks a lot Mr Jake

[@jakecyr]

You're welcome!

[@fitigued]

Great video Jake. A few tiny thoughts. --disable-host-check should be used because --disableHostCheck is being deprecated My personal preference is to keep the commands in the package.json scripts.

[@jakecyr]

Thank you! Great call, thank you for the feedback, I appreciate it :)

[@leofreiitas]

Thank you, dude

[@reallogic0]

nice tutorial

[@jakecyr]

Thank you!

[@warriorfb2010]

Nice. Everything works for me!

[@jakecyr]

I'm glad it was helpful!

[@jsblade2770]

thanks!

[@nobodyeverybody8437]

great job, however using docker compose is missing and how to make the Dockerfile to work for both dev and prod.

[@jakecyr]

Thank you! You may have to install docker compose separately. There are instructions here: docs.docker.com/compose/install/ To use the Dockerfile for dev and prod, you can use ENV variables in your Dockerfile and change what values you pass in when running the image. For example “docker run -e PORT=8080”. If the PORT environment variable is defined in your environment, you can just run “docker run -e PORT” to pass it into your docker image.

[@MrOpera2011]

Nice thanks! Your mac is like exploading haha

[@jakecyr]

No problem! Haha yeah I need an upgrade

[@Tibiafy]

Thx for the video bro! But how can docker detect my code changes? I'm changing my html, but when i refresh the page, the content remains the same

[@jakecyr]

No problem! I hope it was helpful. You can mount your code folder as a volume when calling `docker run` to update the code in the container when you make changes locally.

[@CASMANWHAT]

great video. :)

[@jakecyr]

Thank you :)

[@chetant2220]

Hi Jake, I'm getting this message "no matching manifest for windows/amd64 10.0.18363 in the manifest list entries The terminal process "C:\WINDOWS\System32\cmd.exe /d /c docker build --pull --rm -f "Dockerfile" -t appdocker:v1 "."" terminated with exit code: 1."

[@user-kx8wp1fy6l]

Hi, Jake, thank you very much for the video! One question, when i Run docker run --rm -it -p 4201:4200 test-app in vscode I am getting Error: error:0308010C:digital envelope routines::unsupported. Any ideas?

[@user-kx8wp1fy6l]

ok, if anyone as facing the same problem, just use - FROM node:16-alpine3.12