How to set up automatic deploy for Angular apps through gh-pages

Posted October 13, 2020
Angular Deployment CI/CD

As I was following through the tutorial on the same topic (https://www.digitalocean.com/community/tutorials/how-to-set-up-automatic-deployment-with-git-with-a-vps), I successfully established a git repo at the vps, I even added remote live by git remote add live ssh://myuser@mydomain.com/var/repo/site.git I already have local git setup I regularly use git with my team.

The problem is now my project doesn’t have the repo name in the static files Url.

<head>
  <meta charset="utf-8">
  <title>AngularTourOfHeroes</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="styles.35b4cc1e4bf063be119d.css">
</head>