Add Firebase to your Flutter app: The fast way

In this video, Developer Relations Engineer Alexander Nohe will show how you can quickly add Firebase to all of the supported Flutter platforms.
Chapters:
0:00 - Introduction
0:25 - Setup the FlutterFire CLI
1:21 - Add Firebase to a Flutter App
2:43 - We’re all setup!
Resources:
Firebase on Flutter Documentation → goo.gle/3krt2ad
Catch more Firebase Fundamentals → goo.gle/Firebase-Fundamentals
Subscribe to Firebase → goo.gle/Firebase
#FirebaseFundamentals

[@Firebase]

Subscribe for the latest → goo.gle/Firebase

[@russelgarcia9490]

Thank god an updated video for connecting firebase in flutter. I've been waiting since the flutter event.

[@CarloDotLog]

Nohe, you're super crystal clear! Great content. I hope to see more like this.

[@KB-pk5ze]

Thank you I've been trying to do this for half a day trying different methods and this worked perfectly!!!

[@kholoudnashaat3203]

i was about to go crazy for having difficult time connecting my application with firebase but this video helped me aloot thank you

[@pranavrishi8]

This was dope, i was frustrated by seeing other videos, reading documentation, etc Thanks 🚀

[@user-jx4wc7pi7z]

Why the rush? Give people at least 3 seconds. I barely had time to pause the video to read what commands you typed.

[@rebazjabar7660]

we are waiting for more content like this, its much easier than manually.

[@anuragbishnoi3208]

i get "unhandeled exception" error after "flutterfire configure".

[@leo76253]

Is there a timeframe of when your going to start supporting desktop?

[@thiagosoares6298]

Wow remembered 5 years ago when connect my app to firebase was a hard work

[@Echosofourland]

Very helpful, I really appreciate for this solving problem having tackling since all this days ❤

[@hawarhekmat1174]

Love flutter and firebase 💕

[@HillmerReyes]

How to support different environments for an app? Each environment has its own firebase project behind

[@marcossalas7416]

i followed all steps and there is no info appearing in my Firebase or google dashboard or realtime... What can i do?

[@Mumtazalichanna]

Hello dear i'm a mac user so here in terminal didn't work flutter build apk, so plz guide me but on ios simulator running good

[@000-way7]

Which vscode theme are they using ?

[@juliol527]

Ok, I had problems with the path, this is how I solved it: If you are in windows the same cmd gives you which path to use. Copy it and go to : windows startup or cortana > type settings > type "Path" in the search engine > system variables modifier > environment variables (it's at the bottom) > choose the Paths in the list > Edit > add the one you copied at the beginning. And I had to restart the PC then it gave me no problems.

[@ekukahyacithn4415]

What magic did you use to link the paths?? How can I know the path firebase is saved in?

[@sahilchoudhary7252]

how to do that environment path staff before doing config CLI

[@raquayza7141]

As soon as I add all that stuff you typed to the main.dart the file will not load up, or if I add the includes that you left out (import 'package:firebase_core/firebase_core.dart'; import 'firebase_options.dart';), I get : Exception has occurred. UnsupportedError (Unsupported operation: DefaultFirebaseOptions have not been configured for windows - you can reconfigure this by running the FlutterFire CLI again.) please help oir actually give a video that shows how to correctly install, I have been working on this for hours and hours now

[@mycloudvip]

Great Video. How do you manage Firebase Cloud Functions within Flutter?

[@s.bamahfoodh]

wow, I've never followed a tutorial where everything just worked on the first try lol.. great work

[@aizacktae]

That was great, I save a lot of time. Thanks for this tutorial.

[@user-mn8sl1nh8y]

Wait, what did I just see! how did you make the 'Subscribe button' under the video animate since you say hit subscribe in the video?

[@user-jx4wc7pi7z]

If anyone is having an issue after running 'flutterfire configure', please make sure you created your new project on your Firebase account first, as you need to agree with the terms and conditions first. After that, you run 'flutter configure'. Creating a new project from the CLI doesn't seem to work at this point.

[@karimashraf6862]

goat

[@sahilchoudhary7252]

how to do that environment path staff before doing config CLI

[@adil_elkhallouki]

Thanks is very useful 👌👌👌

[@Pix3lB]

Flutter has amazing documentation.

[@marufhassan634]

You should have added all the commands in the description. I had to pause the video multiple times to write them.

[@adarshbhattarai007]

Is it safe to have firebase details in client?

[@prashansaranga7609]

Thank you so much.. worked for me..

[@PatrickRamez]

1:10 what does that path mean?

[@adamumuktar9446]

what happens if I have flavors in my app?

[@rguinucci]

I did all the steps, exactly the same. But i Can't make it work on web. (iOS and Android is fine) Error on launching web: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app). Tried everything, initializeApp on index.html, (like works in flutter 2 a time ago), initialize on initState, on main etc etc etc. Nothing works.

[@blake4546]

Amazing tutorial

[@navirobayo]

Amazing. Thanks!

[@Fawad06]

npm?

[@Steveharvey-r3v]

followed your instruction and it still didn't work. i've for two years ive been trying to get the hang of this technology and i'm just confused right now

[@user-uc5lw5pk2x]

I got errors running Firebase Login. The firebase.ps1 cannot be loaded and it is not digitally signed. How to solve this?

[@riham644]

same

[@ruamapatricio831]

When I tried to run ocurred this error: tail -2 ~/.bash_profile tail : O termo 'tail' não é reconhecido como nome de cmdlet, função, arquivo de script ou programa operável. Verifique a grafia do nome ou, se um caminho tiver sido incluído, veja se o caminho está correto e tente novamente. (portuguese)

[@user-jx4wc7pi7z]

You're trying a Linux command on Windows. You just need to add the C:\Users\YOUR_USER_NAME\AppData\Local\Pub\Cache\bin to the PATH variable using the System Environment Variables. Then you can type path on your terminal and check the last entry to see if that was added. That's tail command did on his mac.

[@yashchandraverma3131]

Firebase Team, we need tutorial with flutter fire cli and flutter flavour.

[@arturoespinosa3447]

It is awesome!, it cannot be easier and well explained, thank you!

[@shortclips1314]

Helpful : )

[@EwertonDutra]

very very fast the codes, but I can pause, if no ... 😂😂 Thanks for video

[@shortclips1314]

Helpful

[@tatemuchi7372]

My man🤝

[@KilloMeg]

flutterfire configure not work

[@Ash-xu9tr]

🔥

[@marufhassan634]

If someone is getting an error with the command -> npm i -g firebase-t Use this -> npm install -g firebase-tools

[@gokboruefetigrel2705]

thank you

[@gbengaabayomi8865]

1. Warning: Pub installs executables into $HOME/.pub-cache/bin, which is not on your path. You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.): export PATH="$PATH":"$HOME/.pub-cache/bin" what am i to do about this ? i use ubuntu OS 2. I keep having an error message when running flutterfire configure... Error message"flutterfire: command not found"

[@adomiiee]

export PATH="$PATH":"$HOME/.pub-cache/bin" >> ~/.bash_profile

[@adomiiee]

this will add pub to your PATH and you should no longer get the flutterfire: command not found error

[@Miasdsadas]

great

[@barziyassin1]

thanks

[@SmartMedia101]

and then... it does not work.

[@classicgamerz5394]

Thanks😁😁😁

[@iWeLogic]

How to connect firebase into flutter module? I get an error [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: PlatformException(channel-error, Unable to establish connection on channel., null, null) #0 FirebaseCoreHostApi.initializeCore (package:firebase_core_platform_interface/src/pigeon/messages.pigeon.dart:210:7)