Repolode
Submit
angular

angular/angularfire

Angular bindings for the Firebase JS SDK, providing dependency injection, RxJS observables and Angular-friendly APIs for Firebase services.

View on GitHubWebsite
Stars
7,797
Forks
2,152
Open issues
191
Last commit
12 days ago

What is it?

AngularFire wraps the framework-agnostic Firebase JS SDK so Angular developers can use Firebase services the way they use other Angular code. Firebase services are provided and injected through Angular's dependency injection, and real-time data is exposed as RxJS observables instead of callbacks.

The library covers a broad set of Firebase products, including Authentication, Cloud Firestore, Realtime Database, Cloud Storage, Cloud Functions, Cloud Messaging, Remote Config, App Check and Data Connect. It also includes router guards that check Firebase Authentication state, Google Analytics integration that tracks Angular Router navigation, and an NgRx-friendly action-based API. Much of the Firebase code is dynamically imported to reduce initial load time.

AngularFire is installed with `ng add @angular/fire`, and the repository includes a sample app that demonstrates the modular API with zoneless server-side rendering.

Key features

  • 01Injects Firebase services through Angular dependency injection.
  • 02Exposes real-time Firebase data as RxJS observables.
  • 03Provides router guards backed by Firebase Authentication.
  • 04Integrates Google Analytics with Angular Router navigation.
  • 05Dynamically imports Firebase modules to reduce load time.
  • 06Offers an NgRx-friendly action-based API.

Use cases

  • Building an Angular app that stores and syncs data with Cloud Firestore in real time.
  • Protecting Angular routes with Firebase Authentication login checks.
  • Deploying a server-rendered Angular app to Firebase App Hosting.

Quick start

  1. 1

    Add AngularFire to your Angular project with the Angular CLI schematic

    ng add @angular/fire@next
  2. 2

    Follow the quickstart guide to configure Firebase and provide services in your app config

Things to know

  • Documentation and setup assume the new tree-shakable modular API; the older compat API is documented separately.
  • Setup relies on the Firebase JS SDK and requires a Firebase project configuration.

Topics

#angular#firebase#rxjs#typescript#realtime-database#authentication#server-side-rendering#angularfire#cloud-firestore#cloud-functions

FAQ

What is angularfire?
Angular bindings for the Firebase JS SDK, providing dependency injection, RxJS observables and Angular-friendly APIs for Firebase services. AngularFire wraps the framework-agnostic Firebase JS SDK so Angular developers can use Firebase services the way they use other Angular code. Firebase services are provided and injected through Angular's dependency injection, and real-time data is exposed as RxJS observables instead of callbacks.
Is angularfire free to use? What license does it have?
angularfire is open source under the MIT license. Check the license terms before using it in commercial products.
Is angularfire still maintained?
Actively maintained. The last commit to angularfire was on Oct 10, 2026.
What can I use angularfire for?
Building an Angular app that stores and syncs data with Cloud Firestore in real time. Protecting Angular routes with Firebase Authentication login checks. Deploying a server-rendered Angular app to Firebase App Hosting.
How do I install angularfire?
Add AngularFire to your Angular project with the Angular CLI schematic: ng add @angular/fire@next Follow the quickstart guide to configure Firebase and provide services in your app config
Where can I get angularfire?
The source code and installation instructions are on GitHub: https://github.com/angular/angularfire

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects