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

Подписаться 15 тыс.

Просмотров 9 тыс.

50% 1

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.com/BcKALY2eGab...
You can find Code on GitHub
github.com/voidChetan
Visit Our Mini Project Ideas Portal where you can find So many project
ideas you can try to implement
miniprojectideas.com
Follow & Connect me on LinkedIn
/ chetan-jogi-a87148ba
#githubpages
#angular15
#angularforbeginners

Наука

Опубликовано:

8 окт 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 52

@apxutektop_bk6457 7 месяцев назад

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

@sanket6543 8 месяцев назад

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

@akankshaasutkar4305 8 месяцев назад

thanks sir for sharing

@user-yx8lv5hl4p 8 месяцев назад

Very precise. Thank you

@LearningPartnerDigital 8 месяцев назад

Welcome

@CharlesJ-lr3gq 8 месяцев назад

nice

@jes-xe8eo 8 месяцев назад

easy way to showcase you have been working on

@rahul.jagtap 8 месяцев назад

Thanks 👍

@umermalik2907 6 месяцев назад

You explain very well ❤

@LearningPartnerDigital 6 месяцев назад

Thanks 🙏 keep watching

@Denisko59 4 месяца назад

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.

@LearningPartnerDigital 4 месяца назад

Glad I was helpful.

@gowtham9153 3 месяца назад

@@LearningPartnerDigital Each time updating the repo do we need to run commands everytime

@LearningPartnerDigital 3 месяца назад

@@gowtham9153 no

@LearningPartnerDigital 3 месяца назад

@@gowtham9153 no one time only

@LearningPartnerDigital 3 месяца назад

@@gowtham9153 yes sorry..every time when you want deploy new changes ..build your app then public command

@sridarshana9263 3 месяца назад

this is very helpful. thanks a lot...

@LearningPartnerDigital 2 месяца назад

Glad it was helpful!

@phengeang1382 4 месяца назад

thank you that works man

@LearningPartnerDigital 4 месяца назад

Great 👍

@user-sz4gv2be6i 5 месяцев назад

thanks, it helped me a lot

@LearningPartnerDigital 5 месяцев назад

Glad to hear that!

@devanshuchhipani3836 2 месяца назад

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

@vikashbanoriya142 8 месяцев назад

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 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

@matthewpezzuto3189 5 месяцев назад

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.

@LearningPartnerDigital 5 месяцев назад

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

@ankitakhangar1869 8 месяцев назад

#deployangularapp

@MrUvwx 7 месяцев назад

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?

@LearningPartnerDigital 7 месяцев назад

Again you need to reploy using publish cmd

@MrUvwx 7 месяцев назад

Thanks @@LearningPartnerDigital , It works for me.

@Burn129 7 месяцев назад

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?

@LearningPartnerDigital 7 месяцев назад

Can u connect on LinkedIn n share error over there

@marcusimomio3230 6 месяцев назад

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

@LearningPartnerDigital 6 месяцев назад

Didn't get ur question can you send some image or explain

@m.biky5029 4 месяца назад

Thanks buddy

@chikara_2002 4 месяца назад

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?

@LearningPartnerDigital 4 месяца назад

While building..hav u added / in the end

@chikara_2002 4 месяца назад

@@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".

@thiagopac 4 месяца назад

@@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! ;)