Introduction to Firebase

Last Updated : 26 Jun, 2026

Firebase is a Google-developed Backend-as-a-Service (BaaS) platform that simplifies backend development for web and mobile applications.

  • Realtime Database: Stores and syncs NoSQL data in real time.
  • Cloud Firestore: Scalable NoSQL cloud database.
  • Firebase Authentication: Secure user authentication with multiple sign-in options.
  • Cloud Functions: Runs server-side code in response to events.
  • Firebase Cloud Messaging (FCM): Sends push notifications across platforms.
  • Firebase Hosting: Fast and secure hosting with built-in SSL.

Setting Up Firebase

Step 1: Create a Firebase Project

Go to the Firebase Console and click Create a project. Enter a project name, then follow the setup wizard. Enabling Google Analytics is optional.

Step 2: Add the Firebase SDK

After creating the project, select your platform (Web, Android, or iOS) and follow the setup instructions. For a web application, include the required Firebase SDK scripts.

<script src="https://www.gstatic.com/firebasejs/8.0.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.0.0/firebase-firestore.js"></script>

Step 3: Initialize Firebase

Copy your project's Firebase configuration and initialize Firebase in your application.

var firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_PROJECT_ID.appspot.com",
    messagingSenderId: "YOUR_SENDER_ID",
    appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

Step 4: Use Firebase Services

After initialization, you can use Firebase services such as Authentication, Cloud Firestore, Cloud Storage, or Cloud Functions.

The following example adds a document to a Firestore collection.

var db = firebase.firestore();

db.collection("users").add({
    name: "Raj Kumar",
    email: "raj@example.com"
})
.then(function(docRef) {
    console.log("Document written with ID:", docRef.id);
})
.catch(function(error) {
    console.error("Error adding document:", error);
});

Example: Demonstrates the use of Firebase Authentication and Cloud Firestore in a Firebase web application.

HTML 
<!DOCTYPE html>
<html>
<head>
    <title>Firebase Example</title>

    <!-- Firebase SDK -->
    <script src="https://www.gstatic.com/firebasejs/8.0.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.0.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.0.0/firebase-firestore.js"></script>
</head>

<body>
    <script>
        // Firebase configuration
        var firebaseConfig = {
            apiKey: "YOUR_API_KEY",
            authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
            projectId: "YOUR_PROJECT_ID",
            storageBucket: "YOUR_PROJECT_ID.appspot.com",
            messagingSenderId: "YOUR_SENDER_ID",
            appId: "YOUR_APP_ID"
        };

        // Initialize Firebase
        firebase.initializeApp(firebaseConfig);

        // Initialize Firestore
        var db = firebase.firestore();

        // Add data to Firestore
        db.collection("users").add({
            name: "Jane Doe",
            email: "jane@example.com"
        })
        .then(function(docRef) {
            console.log("Document added with ID:", docRef.id);
        })
        .catch(function(error) {
            console.error("Error adding document:", error);
        });

        // Sign in with Firebase Authentication
        firebase.auth()
            .signInWithEmailAndPassword("test@example.com", "password123")
            .then(function(userCredential) {
                console.log("User signed in:", userCredential.user);
            })
            .catch(function(error) {
                console.error("Sign-in error:", error);
            });
    </script>
</body>
</html>

Firebase Architecture

Firebase is built on Google Cloud and follows a serverless, event-driven architecture that enables scalable and real-time application development.

  • Backend-as-a-Service (BaaS): Provides backend services through APIs, eliminating backend management.
  • Event-Driven Architecture: Uses events to automatically trigger Cloud Functions.
  • Real-Time Data Synchronization: Instantly syncs data across connected clients.

Advantages of Firebase

  • Serverless Platform: Eliminates the need to manage or scale backend servers.
  • Simplified Development: Provides built-in services for authentication, databases, storage, hosting, and Cloud Functions.
  • Real-Time Synchronization: Keeps data synchronized across connected devices.
  • Cross-Platform Support: Supports Android, iOS, and web applications with a unified API.
  • Built-in Security: Offers authentication and security rules to protect user data.
  • Automatic Scalability: Scales automatically as application traffic grows.

Use Cases of Firebase

  • Social Media and Chat Apps: Enables real-time messaging and notifications.
  • Collaborative Applications: Supports live editing and data synchronization.
  • E-commerce Applications: Manages user authentication, product catalogs, and orders.
  • Game Development: Provides backend services, analytics, and performance monitoring.
Comment

Explore