Deploy Angular app to GitHub Pages

Create new repository with name :

Repo Name : USERNAME.github.io

// example
Repo Name : manthanank.github.io

Clone repository to the code editor

git clone https://github.com/<username>/<username>.github.io.git

// example
git clone https://github.com/manthanank/manthanank.github.io.git

Navigate to the project using cd

cd project-name/

// example
cd manthanank.github.io

Make sure angular is installed if not

npm i -g @angular/cli

Create angular app using cli command

ng new project-name --directory ./

// example
ng new angular-app --directory ./

Go to code

code .

Next navigate to angular.json and make changes in

"outputpath": "dist/angular-app" => "outputpath": "any-name"

// example
"outputpath": "docs"

Build project

npm run build

Push changes to GitHub :

git add .
git commit -m "Initial commit"
git push

Go to repository in browser and refresh it, changes will reflect in repository

Next Click on Repository Setting ⇒ Pages ⇒ In Source change folder and save

/root => /docs

In few seconds your site will be live :

Your site is pubished at https://username.github.io

// example
[https://manthanank.github.io](https://manthanank.github.io)

Reference :

https://github.com/angular-schule/angular-cli-ghpages