Introduction

Firebase is Backend-as-a-Service (BaaS), an app development platform integrated with Google Cloud Platform. Here you will learn to add Firebase to the Flutter.

With Firebase developers can organize their focus on creating exceptional user experiences. In addition, developers don’t have to handle server or API development. Firebase acts both as your server and data store. While more complex applications may occasionally necessitate the use of other Google Cloud components, Firebase provides a comprehensive solution that comes remarkably close to addressing the diverse needs of developers and their projects.

Adding Firebase to the Flutter is like a piece of cake.

Top Features of Firebase

Setup Firebase

Step A: Install the Firebase CLI(If not installed)

This is not for you if have Flutter CLI installed.

Here, we are going to install with npm.

1. Install Node.js Installing Node.js automatically installs the npm command tools.

2. Install the Flutter CLI via npm by running the following command

npm install -g firebase-tools

This command enables the globally available firebase command.

3. Continue to log in and test the CLI.

Step B: Install the required command line tools

1. Login to Firebase using your Google account by running the following command.

firebase login

2. Install the FlutterFire CLI by running the following command from any directory:

dart pub global activate flutterfire_cli

Step C: Create a Flutter Project

After setting and installing the required command line tools, now

1. Create a Flutter project

flutter create --org com.yourdomain projectname

2. Go to your project root folder with

cd projectname

Step D: Configure Flutter Fire

1. From your project root folder, run the following command to initiate the app configuration workflow

flutterfire configure

With this, you will

2. With the help of an arrow down go to create a new project, and press Enter.

Create the project name and press Enter. This will create a Firebase project in the Firebase console.

3. Select platforms

After the Firebase project creation, you will get

With this, you can configure Firebase to the Flutter.

4. Verify the configuration

Inside the android/app folder you can find google-services JSON file.

Inside ios you can find firebase_app_id_file JSON file.

Conclusion

That’s it for this tutorial!  Here you learned about Firebase and added Firebase to the Flutter. Do not forget to reach out in case of doubts.

I will be making updates to the app in the future, so stay tuned for that. Along with Firebase to the Flutter you will soon get updated on creating the todo application.

Thanks for reading this article.

Also, follow to get updated on exciting articles and projects.

If I got something wrong? Let me know in the comments. I would love to improve.

Let’s get connected

We can be friends. Find on Facebook, Linkedin, Github, YouTube, 

BuyMeACoffee, and Instagram.

Contribute: BuyMeACoffee

Contact: Contact Us