Host Angular App on Github | Host a Website on GitHub Free | Github pages | Angular Tutorials

Learn How to Host Angular App to GutHub for free.
Host a Website on GitHub Free
host website on github pages
publish angular app in github
#DeployonGitHub #publishwebsiteingithub #publishwebfree

Step 1 - ng add angular-cli-ghpages
Step 2 - push Code to githubRepo
Step 3 - go to repo setting and select main branch and save
Step 4 - build application using below cmd
Step 5 - publish your build changes from your local folder to github pages with below cmd
npx angular-cli-ghpages --dir=dist/_repo_name_
Step 6 - go to repo setting and select gh-pages branch and save

Learn From me

To Connect with me & get Notification of Live Session Join

You can find Code on GitHub

Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement

Follow & Connect me on LinkedIn

#githubpages
#angular15
#angularforbeginners

[MANISHAGUPTA-tejl]

When everything fails, there's a guy who makes a clear cut video explaining every step with proper timing, for me it was you. Thank you for your video, I can now deploy my angular proj on github!!

[amanjunaid]

Thanks Chetan Sir! You've been very helpful to me in this Angular learning journey ❤ . And thanks to your help I just finished my first practice project ❤

[apxutektop_bk]

в любой непонятной ситуации всегда найдётся индус, который поможет. спасибо тебе!!

[ratnakarmishra]

Dear Friends I was getting 404 error after deployment just rename html.csr.html to html.html which is generated in dist folder after build command. This worked for me hope will work for all.
Thanks to Chetan bhai

[sanket]

omg very imp video we can showcase our work now really appreciated all your efforts🎉

[Denisko]

What a great video! You really helped me to deploy a project! I just don`t understand why I could not find such an explanation from any official docs. Thank you very much.

[chamaradissanayake]

Thank you for the guidance. It save me finally.

[WahajAhmed-oqdg]

I deployed my angular app but it's showing a blank page.

[jes-xeeo]

easy way to showcase you have been working on

[chikara_]

I've followed every step but even after choosing gh-pages on the branch setting, my page is opening with file not found. When it was on main it at least showed the README file but now after changing it to gh-pages it shows page not found. Anyone know why?

[matthewpezzuto]

This still work now that "ng build" adds the javascript under the "dist/$projectName/browser" folder?! I've tried to upload to Github (using these instructions) with my angular app, and then a simple new Angular app, and I get 404s when I try and bring up the github page.

[vaibhavvanjole]

Thank you, helpful video.. appreciate all your efforts

[devanshuchhipani]

How can deploy with environment variables and we can call apis from this ?

[MrUvwx]

Works well for me but when I make changes or add updates in my website, how should I make it visible in deployed application?
committing in the main repo won't work (is not working) so how should I make changes?

[burnl]

when I make ng build, runtime.js not creates and i have folder "browser" in my dist folder, can u tell me how to fix it?

[marcusimomio]

Hey I have a problem with my own whenever I got it comes out as a blank page. Any suggestions also I have alot of component contained for my angular app

[vikashbanoriya]

Sir could you please make a small module based project on angular with different kinds of module such as login module, dashboard module, emp management module etc.
Sir it will help us to understand the realtime project flow sir please make it as soon as possible
thank you in advance sir 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

[LongTran-rqoo]

Dear Sir. Thank you for your video. For my application, it shows 404 file not found while it still runs properly with ng serve...

[sumagvgs]

After deploying can i make changes in the project??

[SyedHunain-pq]

get 404 error in the end so tell me solution