watermark logo

3 Viewsยท 15/12/23ยท How to

Publish Angular App To Google Firebase - Easy Angular Website Hosting with Google Firebase


TechInfo
Subscribers

๐Ÿ‘‰ Build ASP.NET Core Web API - Scratch To Finish ( .NET 6)
https://www.udemy.com/course/b....uild-rest-apis-with-

๐Ÿ‘‰ Build Amazing Apps With ANGULAR and ASP.NET Core REST API
https://www.udemy.com/course/r....eal-world-app-angula

๐Ÿ‘‰ ASP.NET Core Razor Pages - Scratch to Finish (.NET 6)
https://www.udemy.com/course/a....spnet-core-razor-pag

Real world full-stack application using Angular 12 and Asp.Net Core Web API course on Udemy -
In this video, we will deploy Angular application to the internet and we will use Google Firebase as our hosting provider.

Website hosting on google firebase is really easy and it's absolutely free.

The angular website that I am going to host today is a Student admin portal application that shows the list of students which the admin can filter, sort, and use pagination.

The admin can also add a new student and update an existing one, as well as uploading the image of the student from this application.

This lovely application is built with Angular and has an ASP.NET Core web api as it's backend talking to a sql server database using entity framework core.

I have a complete course on UDEMY where I create this full-stack application from scratch, and also publish this to Microsoft azure and google firebase.

The link to the course is in the video description below and students who use this link will get a staggering 90% discount. So hurry up.

Alright with that, let's go ahead and publish this angular application.


Let's browse to firebase.google.com

and login to your google account. Once you are logged in, click on the go to console button.

This will open console.firebase.google.com

Click on Add project,

and give a name for your project.

After that, click on the web icon and create a new web application.

Install Firebase Tools

Login to firebase using firebase login and authenticate using your browser.

Then in your terminal, initialize your project using firebase init.

Then build your Angular application using Angular CLI (ng build --prod)

Then use firebase deploy to deploy the application to google firebase.

As you just saw, hosting an angular application with google firebase is really easy and quick.

If you have any changes to your application, you just have to re-build your solution using ng build and deploy the changes using firebase deploy.

I hope you liked this video, press the like button if you did, share this with your friends, and subscribe to my channel to support. I will see you all in the next one.

Show more


0 Comments