How to Deploy an Angular App to Firebase: Step-by-Step Guide

Поділитися
Вставка
  • Опубліковано 3 лис 2024

КОМЕНТАРІ • 46

  • @merijn639
    @merijn639 Місяць тому

    thank you so much, quick and simple guide. wouldve taken me ages to figure out i just had to point the public directory to the dist folder without this.

  • @dmytromykytiuk1244
    @dmytromykytiuk1244 Рік тому +2

    thank you!
    I've being trying to deploy for a few times, but everytime run into default firebase window on hosting
    but while watching the video I understood that I should just not overwrite index file))
    now it is great!

    • @invisibellrobe
      @invisibellrobe 11 місяців тому +1

      I was also stuck on that! Best of luck to you!

  • @aeroabrar_31
    @aeroabrar_31 11 місяців тому

    Easy and to the point.
    Love from India

  • @mohammadalijarjoumah1977
    @mohammadalijarjoumah1977 10 місяців тому +1

    Thank you, very helpful!

  • @shishirbagalkot3404
    @shishirbagalkot3404 2 місяці тому

    Awesome tutorial, thanks a lot!

  • @rythmwithringtone1323
    @rythmwithringtone1323 Місяць тому

    Thanks buddy 🎉

  • @AjitaGupta-d1r
    @AjitaGupta-d1r 9 місяців тому

    Thankyou soo muchhh! This saved my day!

  • @Minecraftrockz2000
    @Minecraftrockz2000 10 місяців тому

    Helpful, thank you.

  • @MattBristow-z1f
    @MattBristow-z1f Рік тому +2

    Love this. Cheers.

  • @nikhilkay1
    @nikhilkay1 10 місяців тому

    really helpful thank you!

  • @invisibellrobe
    @invisibellrobe 11 місяців тому

    Thank you! Life saver!

  • @thesunofodin
    @thesunofodin 4 місяці тому

    Thank you!

  • @DDD-lg6xx
    @DDD-lg6xx 6 місяців тому

    Great vid, thanks!

  • @DigitalAdapt
    @DigitalAdapt 4 місяці тому +3

    I deployed my Angular project with firebase CLI but when I navigate to the specific domain, I only see this :
    Welcome
    Firebase Hosting Setup Complete
    You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
    How to fix this issue.
    How to fixed this? Because I deployed this app following what you teach in project.

    • @ВладиславЗелинский-г5ю
      @ВладиславЗелинский-г5ю 4 місяці тому

      I have similar problem. Please help

    • @ВладиславЗелинский-г5ю
      @ВладиславЗелинский-г5ю 4 місяці тому

      please see another comments, there is a decision

    • @santiagobruno_t1581
      @santiagobruno_t1581 3 місяці тому

      When you run the ng build command check the dist folder, there could be an extra folder called browser move the files from there and paste in the sub directory e.g dist/app/browser/files, move all the files from the browser and paste in app like so dist/app/files then firebase deploy it should work. (copy of @Babatunde Lamidi comment)

    • @ВладиславЗелинский-г5ю
      @ВладиславЗелинский-г5ю 2 місяці тому

      @@santiagobruno_t1581 how can I set another settings for dist folder? Copy and paste it manually is too uncomfortable

    • @dorydaniel
      @dorydaniel Місяць тому

      @@santiagobruno_t1581 this will work only for one time, because when you run "ng build" again it will create the same structure folder as before.
      So the real fix is to edit the "firebase.json" file: under "hosting", change the value of the "public" property to be the same as the file structure in "dist" folder.

  • @sathishb89
    @sathishb89 9 місяців тому

    Thanks ! it worked

  • @kadirmalakcoglu2575
    @kadirmalakcoglu2575 11 місяців тому

    Perfect
    Thank u

  • @marshall2180
    @marshall2180 Рік тому

    Thankyou verymuch 🎉

  • @N330AA
    @N330AA 6 місяців тому

    Cheers squire!

  • @blkemerone4099
    @blkemerone4099 Рік тому

    Ty for this !

  • @kentdang879
    @kentdang879 8 місяців тому

    thanks!

  • @ibrahimnefzi6003
    @ibrahimnefzi6003 8 місяців тому

    Please show what next to do

  • @69mystery67
    @69mystery67 9 місяців тому

    I ran all the commands and got a Welcome to Firebase Hosting page. The page shows: Welcome
    Firebase Hosting Setup Complete
    You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
    OPEN HOSTING DOCUMENTATION
    Am I doing anything wrong or does it take time to load?

    • @babatundelmd
      @babatundelmd  9 місяців тому +3

      When you run the ng build command check the dist folder, there could be an extra folder called browser move the files from there and paste in the sub directory e.g dist/app/browser/files, move all the files from the browser and paste in app like so dist/app/files then firebase deploy it should work. If it doesn't I could create a short UA-cam tutorial on this. Please let me if this works. Thanks!

    • @vladab7825
      @vladab7825 9 місяців тому +1

      @@babatundelmd I have the same issue as @69mystery67 has, even after your recomendation. Could you please create a short tutorial or give a tip how to solve the issue.

    • @babatundelmd
      @babatundelmd  9 місяців тому

      @@vladab7825 please check it out here - ua-cam.com/video/P76cw9KW9Us/v-deo.html and let me if it works

    • @vladab7825
      @vladab7825 9 місяців тому

      ​@@babatundelmd Thank you for your effort and that new video! Everething is working right now!!!

    • @ВладиславЗелинский-г5ю
      @ВладиславЗелинский-г5ю 4 місяці тому

      @@babatundelmd thank you very much, cut from folder browser and paste it in dist/files helped me

  • @ItCoursesForAll
    @ItCoursesForAll 10 місяців тому +1

    Not working

    • @babatundelmd
      @babatundelmd  9 місяців тому +1

      What’s the error ?

    • @babatundelmd
      @babatundelmd  9 місяців тому

      ua-cam.com/video/P76cw9KW9Us/v-deo.html