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

Показать описание

👉 Build ASP.NET Core Web API - Scratch To Finish

👉 Build Amazing Apps With ANGULAR and ASP.NET Core REST API

👉 ASP.NET Core Razor Pages - Scratch to Finish

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.

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

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.

Рекомендации по теме

Комментарии

Huge thank you for that video. Finally someone who explains it in an understandable way.

schubdubymuller

2:39 Macbook users:
*sudo* npm install -g firebase-tools

5:11 Angular 14 now uses:
ng build --configuration production

darrenjosiah

Thank you pal. Your video is concise and helpful

michealvenum

But where is your backend? How do you host that part for example MongoDB

GraphicalBoss

Hello Sameer can you please tell me how you get the backend and database running with this application? I want to see the students names on the Angular webpage. Thanks!!

krishjotsarai

it is nice video problem solve just in one short

whyworld

Thanks buddy - We also need to choose the firebase active project

sajidbhat

Today '--prod' doesn't work today is '--configuration production'

tatosarjveladze

Greae Today i hosted my first angular app

omamachohan

I have a browser and server folder inside dist, when I am running npm build it creates two folders so which path I should use from dist?

technodt

Thank you so much for your kind help 🤟

ashutoshnakhe

thanks for sharing this, plz also share more on SEO with Angular website

knowngate

Thank you, this is just what I needed.

SiLiDNB

My friend, u're a fkng genius, thanks for this video <3

federicocolarte

Hey man👨 your all steps or suggestion worked perfectly.
i just want to say Thank you(very little sentence) and really appricate your work
wish you a happy and healthy life for more and more content.

rajeevkumararyan

i tried this method as well but it is only showing blank page, when i inspect, i can see <head> of the document but the <app-root> is not rendering in the browser. is there any way you can help me?

dipakpaudel

same process pin to pin i tried as per your video only angular pages are showing backend not working.

Knowledgeforu

thank you very much, asking god enter you jannah.

TASHKILAGroup

Do you have time to do paid freelance task?

abdullahquhtani

the firebase is asking to upgrad the plan to pay-as-you-go . do you have any clue please let me know.

s.r.yvenkatesh

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

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

Run your Angular app on Google Cloud

Modern Angular deployment with Google Cloud

Deploy a Serverless Angular App to Google Cloud Run

Google Firebase Hosting for Angular Apps | save your money

How to deploy angular app on GitHub Pages | 2022

Host Angular App for Free

How to Publish Angular app to Godaddy Shared Hosting | Configuring your own custom domain

How To Deploy | Host Angular Project On Server - 2023 | Angular Hosting

Building accessible Angular apps

Make your Angular web apps discoverable - JavaScript SEO

Planet-scale reach for Next and Angular apps with Firebase App Hosting

Deploy Angular 10 App to Firebase hosting for free and Map to Custom Domain

Deploying Angular App To Azure THE EASY WAY | Host Angular App On Azure [2022 Tutorial]

Writing a Massive Angular App at Google NG Conf

#05 - Angular Tutorial - Continuous Delivery with Google Cloud Build

How to Publish Angular app to GitHub Pages for Free | Configuring your own custom domain

Creating & Publishing Angular (2+) Component Libraries ft. Anas Firdousi

How to Deploy an Angular App to Firebase Hosting

MEAN Stack Tutorial with Angular 2 - Part 14: Deploy App to Google Domains (Heroku)

Deploy Angular Application to Firebase hosting for free

Deploy Angular App using Firebase Hosting | Step by Step Tutorial

How to deploy Angular App in AWS S3 | Angular Application in S3

How to Deploy Angular 17 App in GitHub Pages | Jayant Tripathy #angular