Firebase Hosting Complete Setup - How to use Firebase Hosting -

Опубликовано: 26 Март 2026
на канале: educatement
4,476
63

This is the Easy Tutorial for Firebase Hosting Setup with complete guidance. In this video you will learn how to use Firebase Hosting and deploy website free of cost. Also, you will learn how to Download & Install Node.js.

Steps to Follow;
1- Download & Install Node.js
Link: https://nodejs.org/en/

2- Install Firebase Tools using Command Prompt
Type in cmd---- " npm install -g firebase-tools " and ENTER

3- Create a project on Firebase Website:
Link: https://firebase.google.com/

4- Make a folder named " public " and place all your HTML, CSS, IMAGE etc. files in that folder.

5- Open Command Prompt and Type " firebase login " and ENTER
Type "Y" and ENTER and you will be redirected to Account Authorization.. Select your google account and Allow Firebase CLI.

6- After Successful, now type " firebase-init " and ENTER

7- Type "Y" and ENTER

8- Use Arrow Keys Navigate to Hosting and press Space Bar Key and ENTER

9- Select Existing Project (Use Arrow Keys) and ENTER

9- Select your Project Name (Use Arrow Keys) and ENTER

10- Type folder name where you have placed all your files i.e " public " and ENTER

11- When you are prompt to Rewrite all URLs to index.html, type " N " and ENTER

12- When you are prompt to index.html already exist, overwrite?, type " N " and ENTER

13- Now, Type " firebase deploy " and ENTER
(If you're stuck on firebase deploying, Press ENTER Key)

14- Now, you will get Hosting URL, copy that and paste in browser.
Congrats. You have done that.


#StayHome #WithMe & Learn #HTML #CSS #StudentRegistrationForm #Development #educatement

Please subscribe our YouTube Channel to support us.
----------------------------------------------------------------
#Live: https://my-first-app-92.web.app/
----------------------------------------------------------------

Also watch;
"""""""""""
○ Student Registration Form in HTML and CSS
▶️    • Student Registration Form in HTML and CSS ...  
----------------------------------------------------
○ Periodic Table of Elements Coding using HTML & CSS
▶️    • HTML Periodic Table of Elements Code | Par...  
----------------------------------------------------