DEV Community

Cover image for How I Connect Firebase with Flutter in just 2 minutes!
Armaan Jain
Armaan Jain

Posted on

5 2

How I Connect Firebase with Flutter in just 2 minutes!

Firebase just came out with an awesome new way to connect to Flutter Quickly.

Image description


Why should I use new method to connect Flutter with Firebase?

There are Three main reasons for which you should switch to the new method -:
- Much Easier to Integrate
- No need to add files in Xcode and Android folder
- Saves a bunch of Time


How can I Integrate this new way?

It is Easy and Simple and you just need to follow these steps -

1. Go To Your Firebase Console and Create a New Project

Image description

2. Give a Title to your new Project

Image description

3. Create and Click the new Flutter Icon

Image description

4. Download Firebase Cli

- Open Terminal
- Paste This Command
- Press Enter

curl -sL https://firebase.tools | bash
Enter fullscreen mode Exit fullscreen mode

5. Login Through Terminal

Paste This Command
Login through your Firebase Account

firebase login
Enter fullscreen mode Exit fullscreen mode

6. Open your Flutter project

Paste and Run this Command in Terminal of your project
1.

dart pub global activate flutterfire_cli

Enter fullscreen mode Exit fullscreen mode

2.

export PATH="$PATH":"$HOME/.pub-cache/bin"
Enter fullscreen mode Exit fullscreen mode

7. Enter Command to Configure your Project

flutterfire configure --project=$your firebase project Id
Enter fullscreen mode Exit fullscreen mode

Now Select platforms you want to configure firebase for…

8. Add Latest Version of Firebase_Core as a dependency to Pubspec.yaml


Congratulations!!
You Integrated Firebase into you Flutter Project in just 2 mins
I Hope You Enjoyed the Process 😄


Follow Me For More Such Content

Sentry mobile image

App store rankings love fast apps - mobile vitals can help you get there

Slow startup times, UI hangs, and frozen frames frustrate users—but they’re also fixable. Mobile Vitals help you measure and understand these performance issues so you can optimize your app’s speed and responsiveness. Learn how to use them to reduce friction and improve user experience.

Read full post →

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay