The skill is based on AngularFire v18.0.1, generated at 2026-02-01.
AngularFire is the official Angular library for Firebase. It provides Angular-native wrappers around the Firebase JS SDK with:
- Dependency Injection - Firebase services as injectable Angular services
- Zone.js Integration - Automatic zone wrapping for change detection stability
- RxJS Observables - Real-time data streams as Observables
- Lazy Loading - Dynamic imports to reduce bundle size
- SSR Support - Compatible with Angular Universal/SSR
- Router Guards - Built-in auth guards for route protection
When to Apply
Use this skill when:
- Setting up Firebase in an Angular application
- Implementing Firebase Authentication (sign-in, sign-out, auth guards)
- Working with Cloud Firestore (collections, documents, queries, real-time updates)
- Using Realtime Database for real-time data synchronization
- Managing file uploads/downloads with Cloud Storage
- Calling Cloud Functions from Angular
- Implementing analytics, performance monitoring, or remote config
- Setting up push notifications with Cloud Messaging
- Protecting routes with auth guards
- Configuring Firebase emulators for local development
- Building server-side rendered Angular apps with Firebase
Do NOT use this skill when:
- Using Firebase JS SDK directly without Angular wrappers
- Working with non-Firebase backends
- The Firebase product you need is not supported by AngularFire
Core References
| Topic |
Description |
Reference |
| Setup & Configuration |
Firebase app initialization and dependency injection |
core-setup |
| Zone Wrappers |
Understanding zone integration for app stability |
core-zones |
Firebase Products
Database & Storage
Authentication & Security
| Topic |
Description |
Reference |
| Authentication |
Auth state, observables, sign-in methods, SSR support |
product-auth |
| Auth Guards |
Route protection with customizable pipes |
product-auth-guards |
| App Check |
Protecting backend resources from abuse |
product-app-check |
Backend & Functions
| Topic |
Description |
Reference |
| Cloud Functions |
Calling HTTPS callable functions |
product-functions |
Analytics & Monitoring
Configuration & Messaging
AI
| Topic |
Description |
Reference |
| Vertex AI |
Gemini generative AI models |
product-vertexai |
Advanced Topics
| Topic |
Description |
Reference |
| Firebase Hosting Deployment |
Deploy to Firebase Hosting with CLI schematics |
advanced-deploy |
| Server-Side Rendering |
Angular Universal with Firebase |
advanced-ssr |
| Emulator Suite |
Local development with Firebase emulators |
advanced-emulators |