Angular v17 Deploy To GitHub Pages using GitHub Actions CI/CD (automated)

In this video I am showing you how I deploy Angular apps to
GitHub Pages using GitHub Actions, this is an automated CI/CD deployment.

Chapters:
00:00 - Intro
00:27 - PROs & CONs of this option
01:11 - Step 1 • Initialize a new GitHub Repo
02:01 - Step 2 • Create an Angular v17 app
03:45 - Step 5 • Generate a personal access token on GitHub
05:35 - Step 7 • Create a new branch for the contents of the 'dist/browser' folder
07:10 - Step 8 • From the 'main' branch push to trigger the workflow
07:53 - Step 9 • Set up GitHub Pages (to use the second branch)
08:06 - Step 10 • Test the workflow and CI/CD

Live site

github-pages-deploy-action -
by @Jimouk

I have two more videos showing simpler ways
to deploy Angular apps to GitHub Pages

@Angular
@GitHub

VIDEO:
🌟 Created on – 03 Feb 2024
🎥 Filmed with – Filmora 11
✂ Edited with – Filmora 11

[YupRobin]

Thank you so much! This was exactly what I needed :)

[crisantizan]

Thank u so much! Greetings from Colombia. 🫶

[yeinsdavidllanohernandez]

Hey Esther, great video 👏, could you explain on a video whats going on under the hood and why did you choose those steps? I'll be waiting for! you rock!

[thiagopac]

Thank you, Esther! I'm facing 404 error loading the bundles, deploying with GH Actions, as I did following your steps or using the npm package angular-cli-ghpages. This is an issue I am facing after the upgrade to ng 17+. By the way, in the ci/cd repo, there is a little typo in step 4 (oututPath). Thank you for the video! Subscribed!