Deploying Angular Frontend to Netlify in Few Simple Steps | CI/CD with GitHub

In this video I am showing how I deploy my
Angular Frontend Apps to Netlify - CI/CD with GitHub.
I am Covering Angular version 17 and prior.

Chapters:
00:00 - Intro
00:35 - Choosing a git repo and opening it locally
01:50 - Removing the /dist folder from .gitignore
02:27 - If working with Angular v16 or prior
02:43 - If working with Angular v17 or higher
03:23 - Build the app for production
04:06 - Push the changed files and the dist folder to Git
05:15 - Add a new site on Netlify - import from GitHub
06:17 - Deploy
07:38 - Change the default URL provided by Netlify

@Angular
@NetlifyApp
@GitHub

VIDEO:
🌟 Created on – 23 Jan 2024
🎥 Filmed with – Canon EOS M6
✂ Edited with – Filmora 11

[grellish]

Thank you so much. I've had such a headache trying to make my deployment work, and this tutorial worked wonders.

[oscarsangularchannel]

thanks for the video, how do you integrate NX cloud with Netlify ?

[ayub_ansari]

Can I use the same steps to deploy my Angular 16 app also?

[jskool]

i follwed your way of configuration but still having two two folder inside dist

[omaralsadidev]

Thank you for the video. Idk why but I'm still getting a blank page!! I put the same redirects config + the _redirect file but nothing works! </3
I'm using the Angular 17.0.3

[bhaskararao]

Hi can you explain how to deploy angular 17 project in github pages

[edwedw]

thank you for your helpfull video! but the whole process is a little bit complicated