In this blog, I have demonstrated steps to host a static website using Firebase. Also, if you are new to Firebase, like me, get to know how to delete a project from Firebase.
Step1: visit https://console.firebase.google.com/, create a firebase project
Step 2: If you are using Windows OS, open the command prompt and install
npm package manager and firebase-tools (the Firebase CLI)
npm install -g firebase-tools
Step 3: Run the command ‘firebase login’, complete the authorization using your Gmail account
Step 4: Run the command ‘firebase init hosting’
Step 5: Provide(enter) a directory name, like ‘public’, and complete the project setup and hosting setup.
Step 6: For options single-page-app, select ‘n’
Step 7: For deployment with the GitHub option, select “n”
Two HTML files with the names 404.html and index.html will be created automatically inside the directory ‘public’, which you have created in step 5 previously.
Step 8: To run the web app locally, run the command ‘firebase serve’. It is good practice to run an app locally before deploying it to the public.
Step 9: To make the web app public, run the command “firebase deploy”
To delete a Firebase project:
To delete the Firebase project, click on ‘Project Overview’, then ‘Project Settings’, and scroll down to see the ‘Delete Project’ option at the end of the page.
As a Firebase project is a Google Cloud project, it will also delete all the related cloud projects.
In this blog, we have seen a simple deployment of a static web page locally on our computer and also on the public domain using Firebase. Also, we learned to delete a Firebase project if we are no longer working on it.
Pl clap on the post if you liked the article, and comment to share your thoughts on the article. Share the post!
Source Credit: https://medium.com/google-cloud/how-to-host-a-free-static-website-using-firebase-0a8da3671f22?source=rss—-e52cf94d98af—4
