Flutter #27 Installing Firebase & FlutterFire CLI Step by Step
🔹 1. Introduction
Briefly explain what Firebase is (backend-as-a-service by Google).
Mention its usage in Flutter apps (authentication, database, notifications, etc.).
Explain that before using Firebase, we need to set up the Firebase CLI and connect it to our project.
🔹 2. Installing FlutterFire CLI
Explain what FlutterFire CLI is: a tool that helps configure Firebase in Flutter.
Command to activate:
Use Dart Pub Global Activate to install FlutterFire CLI.
Clarify that this allows using the flutterfire command in terminal globally.
🔹 3. Installing Firebase Tools (Node & NPM)
Explain that Firebase CLI requires Node.js & NPM.
Download Node.js from official site.
NPM comes bundled with Node.js.
After installation, check versions using node -v and npm -v.
🔹 4. Adding Firebase CLI to System Path
Explain that after installing Firebase tools, sometimes you need to copy the path of the global npm folder.
Add it to environment variables (PATH) on your system.
This ensures that you can use the command firebase in any terminal.
🔹 5. Logging in to Firebase
Run firebase login from terminal.
Explain that this opens the browser and asks you to log in with your Google account.
Once logged in, your local system is connected to Firebase.
🔹 6. Configuring Firebase in Flutter Project
Go inside your Flutter project folder.
Run flutterfire configure.
This will:
Ask you to select a Firebase project (or create a new one).
Generate a firebase_options.dart file automatically.
🔹 7. Attaching Project in Firebase Console
Go to Firebase Console
.
Create a new project (if not already).
Add an Android/iOS/Web app.
Make sure the project IDs match the one you linked with flutterfire configure.
🔹 8. Initializing Firebase in Flutter (Main File)
Open the main.dart.
Call Firebase.initializeApp with the generated options.
Explain that this step is mandatory before using any Firebase services like Auth or Firestore.
🔹 9. Conclusion
Recap steps:
Install FlutterFire CLI with Dart.
Install Firebase CLI with Node & NPM.
Add to system PATH.
Login with Firebase CLI.
Configure project with flutterfire configure.
Attach project in Firebase Console.
Initialize Firebase in main file.
Mention: "Now you’re ready to use Firebase services like Authentication, Firestore, and Notifications in your Flutter project."
In questa pagina del sito puoi guardare il video online Flutter #27 Installing Firebase & FlutterFire CLI Step by Step della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Ahmed saber 27 agosto 2025, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 232 volte e gli è piaciuto 8 spettatori. Buona visione!
