Hosting Angular 2 Applications On Firebase

Hosting Angular 2 Applications On Firebase

In this tutorial you'll learn how to initiate a new Angular 2 application, get it up and running on your local system and finally deploy it to the free Firebase hosting plan and make it available in the WWW.

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[SiddharthRay]

I looked for hosting tut and I got from codingthesmartway. thank u very much. You always make tut to the point tut which is needed.

[FaizanShakeelKhan]

Thanks a lot, I just deployed my vue 2 + webpack 2 project

[xgqfrms]

Hosting Angular 2 Applications On Firebase

great demo!

[theutkarsh]

Good Work. The video covers everything that we need for hosting the app on firebase.

[sumedhaprithyani]

Hey you are awesome, I was in trouble with uploading using heroku I wasted my 1 day. Thank you for this tutorial. For testing angular app and uploading live Firebase would be my choice now.

[MrTryten]

Thank you very much... I was struggling with Angular 2 on Github and my demo Angular 2 app is running fine on Firebase.

[AlanXalil]

Thanks man, your videos and works are much appreciated.

[nated]

Very nice again. I really like your clear explanations.

[cyrusJPB]

Thank you! make more firebase tutorial with angular 2 or ionic 2 :)

[avonstar]

Sehr gut video. Nützlich und hilfreich.

[patricknasc]

Nice tutorial buddy, this tip about the dist folder was what I missed before! Would you mind explaining why I shall use this folder rather than public? I tried to deploy in public folder and got a default firebase page.

[aakash.chaddha]

THANKS A ALOT!!
LIVE LONG!
REALLY MADE MY DAY!
EXCELLENT ! KEEP IT UP!

[MarkDeibert]

Sebastian you saved my day! Excellent, excellent video my friend. New subscriber :-)

[tofuthegreat]

Please take note of the following (to whoever is watching this and having a bit of a problem): 1. All throughout the process, make sure that you are navigated to the root folder of your angular app. 2. when doing firebase init and asked what is the public directory you are going to use, you should specify dist/{angularAppfolder}. Not just the "dist". Because what is ng build is doing, it created another folder inside dist. 3. When I tried deploying mine for the first time, firebase didn't ask me if it is ok to overwrite index.html. It automatically creates an index.html that is not what I am expecting to be displayed when navigating my hosting URL. To correct that, I deleted the index.html of firebase from my dist folder, then repeated the firebase init. This time, cmd tells me that in dist/{angularAppFolder} there's an existing index.html and ask me if I wanted to overwrite it, you should answer no on this. This is posted years ago and it seems like there were changes.

[sulaimantriarjo]

hi Sebastian. i got an error. i have tried your all of your step but my hosting url just showing firebase hosting html not my angular project. what should i do?

[walidz]

Thank you for this great tutorial. I have one issue concerning the deployment of my angular2 project, once I use the steps shown in this video, I got a webpage with only loading ..., which means that there is some issue with my angular project hosted in firebase. could you please tell me how can I solve this issue. Thank you :)

[osmit]

Where can i host my angular application (paid hosting) if i'm paying for my own custom domain name? I don't want the .firebase extension.

Thank you

[cposadaa]

Hi excellent tutorial, i have a question... how can i upload documents and images to firebase. are you going to do a tutorial about this.

[juninhobatera]

Hello! So... How to reset(destroy all data) an website on Firebase?
Thanks!

[abracadabratest]

Great video... but i getting error, ERROR in Cannot determine the module for class.. Add PdfViewerComponent to the NgModule to fix it. when i run ng build --prod