How to Deploy an Angular Application 2024 (Docker, Nginx & Digitalocean)

Digital ocean referral link: m.do.co/c/1d47... (200 Free credits for 2 months)
In this video I am demonstrating how to properly deploy and angular 17+ application to the web. We are using docker alongside with Nginx to serve the application, while we are using digitalocean as our cloud service provider.
#angular17 #angular #digitalocean #deployment #programming #2024 #webdevelopment #fullstack

[@tunisiasparx2105]

awsome

[@itskeno6191]

Brooo, thank you so much

[@_Afsus]

Great tuto ❤❤

[@sandrocutri520]

Excellent Tutorial! Can you make a short tutorial on how to do this with a repo so that DigitalOcean auto deploys on changes? It looks pretty straight forward, but in my case the deployment fails without error messages.

[@nadetdevfullstack7041]

Excellent ! Thanks

[@vasyland]

It would be nice to have a similar on SpringBoot app deployed to digital ocean

[@nelsonrivers8546]

Can you do a video and show how to deploy an Angular app to IIS ?

[@JdevKamath]

SIr, how did the app start from docker without issuing ng --server or npm start? Could you please help me understand? Btw, thank you so much for all the time and effort you put in teaching us :)

[@ahmedamed271]

ERROR: failed to solve: process "/bin/sh -c npm ci" did not complete successfully: exit code: 1

[@bogujang9]

Thank you, that was exacly what i was looking for. What if i have nodejs(express) ./server folder in my angular app root, how can i make it running as well? Lets say to test locally i use 'cd server && npm run server', so how to make it work in the same contpainer? Is it just a matter of adding it into a dockerfile somewhere?

[@stefanciobanu2933]

When I try to access the app's port it just displays a page saying : "Welcome to nginix". Why is this happening??

[@nourgr-fk1bb]

I have the same problem. Do you find a solution please?

[@stefanciobanu2933]

@@nourgr-fk1bb Yes, I managed to solve it. The problem was in the nginx.conf file. The path was not correctly specified so it wasn't able to find the correct index.html. Try changing the path

[@nourgr-fk1bb]

@@stefanciobanu2933 thank you so much!

[@jahedulislam3438]

Why it shows 403 forbidden.

[@draveshsingh1]

Is SSR is enable in your project?

[@codedeck]

In this video the build was without SSR

[@sidof8065]

​@@codedeck Could you do another vidéo with SSR

[@mortezakehtari888]

can you please explain what should be the configuration if our application is SSR?

[@dlcanegro753]

Have you found a tutorial to implement angular 17 ssr?

[@mortezakehtari888]

@@dlcanegro753 I know how to implement Angular 17 SSR, but I don't know how the configuration should be for the deployment