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

Подписаться 2,8 тыс.

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

50% 1

In this tutorial, you'll learn how to deploy an Angular app to Firebase Hosting in a step-by-step guide. Firebase is a popular platform for hosting web applications, and with this tutorial, you'll learn how to set up and deploy your Angular app to Firebase Hosting.
We'll cover topics such as creating a Firebase account, installing the Firebase CLI, building your Angular app, logging in to Firebase, initializing your Firebase project, setting up Firebase Hosting, and deploying your app.
By following this tutorial, you'll gain a better understanding of how to deploy your Angular app to Firebase Hosting and make it accessible to your users.
#angular, #firebasehosting, #firebasecli, #deploy, #tutorial, #step-by-step

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

15 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

@babatundelmd 16 дней назад

Glad it helped!

@dmytromykytiuk1244 11 месяцев назад

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 11 месяцев назад

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

@aeroabrar_31 10 месяцев назад

Easy and to the point. Love from India

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

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ю 3 месяца назад

I have similar problem. Please help

@ВладиславЗелинский-г5ю 3 месяца назад

please see another comments, there is a decision

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

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ю 2 месяца назад

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

@dorydaniel 16 дней назад

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

@shishirbagalkot3404 Месяц назад

Awesome tutorial, thanks a lot!

@babatundelmd Месяц назад

You're welcome!

@mohammadalijarjoumah1977 9 месяцев назад

Thank you, very helpful!

@babatundelmd 9 месяцев назад

Glad to hear that!

@rythmwithringtone1323 19 дней назад

Thanks buddy 🎉

@babatundelmd 16 дней назад

No problem 👍

@AjitaGupta-d1r 8 месяцев назад

Thankyou soo muchhh! This saved my day!

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

You're welcome!

@MattBristow-z1f Год назад

Love this. Cheers.

@babatundelmd Год назад

Thank you

@Minecraftrockz2000 9 месяцев назад

Helpful, thank you.

@babatundelmd 9 месяцев назад

You are welcome!

@invisibellrobe 11 месяцев назад

Thank you! Life saver!

@nikhilkay1 9 месяцев назад

really helpful thank you!

@babatundelmd 9 месяцев назад

You're welcome!

@DDD-lg6xx 6 месяцев назад

Great vid, thanks!

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

Please show what next to do

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

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 8 месяцев назад

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

@@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 8 месяцев назад

@@vladab7825 please check it out here - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-P76cw9KW9Us.html and let me if it works

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

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

@ВладиславЗелинский-г5ю 3 месяца назад

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