Host Angular App on Github | Host a Website on GitHub Free | Github pages | Angular Tutorials
HTML-код
- Опубликовано: 21 авг 2024
- 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
ng build --base-href "_githubProfileName_.github.io/_repoName_/"
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
angularacademy.in
Connect With Me
chat.whatsapp....
You can find Code on GitHub
github.com/voi...
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectide...
Follow & Connect me on LinkedIn
/ chetan-jogi-a87148ba
#githubpages
#angular15
#angularforbeginners Наука
в любой непонятной ситуации всегда найдётся индус, который поможет. спасибо тебе!!
omg very imp video we can showcase our work now really appreciated all your efforts🎉
Such a Great Video .......Help Full Video Thank You👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌👌......
Most welcome
Thank you, buddy...... helpful video.. appreciate all your efforts
welcome. keep watching
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.
Glad I was helpful.
@@LearningPartnerDigital Each time updating the repo do we need to run commands everytime
@@gowtham9153 no
@@gowtham9153 no one time only
@@gowtham9153 yes sorry..every time when you want deploy new changes ..build your app then public command
Very precise. Thank you
Welcome
thanks sir for sharing
You explain very well ❤
Thanks 🙏 keep watching
easy way to showcase you have been working on
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.
Sorry but with these set of instructions all are able to deploy app. Can u connect me on LinkedIn n send me steps you are doing
I deployed my angular app but it's showing a blank page.
Same problem
this is very helpful. thanks a lot...
Glad it was helpful!
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?
While building..hav u added / in the end
@@LearningPartnerDigital Yeah I have but it still does the same thing by loading the README file first but after refreshing the page it shows "page not found".
@@chikara_2002 angular 17+ brougth a breaking change, you can find more in angular-cli-ghpages npm page or github repo. There is a new version to workaround this (2.0.0-beta.2). I guess the way the outputPath is build now (with browser and server folder, this second if ssr is enabled), has to be covered in the deploy also. @LearningPartnerDigital, you could make a new video about this new process. I guess you would be the first one in the entire youtube with this content! ;)
#deployangularapp
nice
thank you buddy
thank you that works man
Great 👍
thanks, it helped me a lot
Glad to hear that!
Thanks 👍
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 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
How can deploy with environment variables and we can call apis from this ?
get 404 error in the end so tell me solution
Have you added / in command
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?
Again you need to reploy using publish cmd
Thanks @@LearningPartnerDigital , It works for me.
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
Didn't get ur question can you send some image or explain
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?
Can u connect on LinkedIn n share error over there
After deploying can i make changes in the project??
u again need to publish changes
Outdated it seems. Leads to a 404 now when I try this.
in case on angular 17. cmd will change a bit as in dist folder we get browser folder so update cmd
@@LearningPartnerDigital ok changing my command to npx angular-cli-ghpages --dir=dist/My-Website/browser worked
@@LearningPartnerDigital what should we do any Changes in the CMD Command
Dear Sir. Thank you for your video. For my application, it shows 404 file not found while it still runs properly with ng serve...
Using ng deploy instead of ng build solve this problem!!
@@LongTran-rq1oo salvou minha vida, irmão 😃
maja nahi aaya 20 mins barbaad ho gaye ! thanks
Thanks buddy