Setting Up Firebase in a Flutter Project Using FlutterFire

[Nikesh]

FlutterFire is the official Firebase integration for Flutter apps. This guide walks you through setting up Firebase for your Flutter project on multiple platforms.

Prerequisites

• A Flutter project
• Firebase account
• Firebase CLI installed (

  npm install -g firebase-tools

  )

1. Create a New Flutter Project

flutter create my_flutter_app
cd my_flutter_app

2. Add Firebase Core Dependency

dart pub add firebase_core

3. Set Up Firebase CLI

firebase login

4. Configure FlutterFire

flutterfire configure --project=my-firebase-project-id

This command automatically generates necessary configuration files for all supported platforms.

5. Initialize Firebase in Flutter
Open

lib/main.dart

and initialize Firebase:

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter Firebase Setup')),
        body: Center(child: Text('Firebase is ready!')),
      ),
    );
  }
}

6. Run the Project
For web:

flutter run -d chrome

For Android:

flutter run -d android

You’re all set! Your Flutter project is now connected to Firebase across multiple platforms without any additional platform-specific setup.