Flutter Firebase Setup for Power Users

Building an app for iOS and Android? This guide will get you up and running with Flutter & Firebase, plus a few optional superpowers for serious app developers. fireship.io/snippets/install-...
00:00 Initial Setup
01:46 Android Setup
03:41 iOS Setup
05:01 Analytics
07:02 Performance
08:08 Crashlytics
10:10 Distribution
11:08 Firestore Emulator
Full Flutter Course fireship.io/courses/flutter-f...
FlutterFire Docs firebase.google.com/docs/flut...
#firebase #flutter
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font

[@Fireship]

It's been awhile since my last Flutter video. This is just a basic starting point, so let me know what advanced topics you want to see next...

[@xenon4602]

Please make angular firebase authentication video, firebase libraries has changed a lot.

[@RamiAlloush]

With all recent changes, what do you recommend for state management now?

[@RamiAlloush]

Also, notifications in Flutter with FCM :D

[@oscarponce5972]

Role or ACL based UI. Especially with a Drawer for side menu nav.

[@__mayank]

Would be nice to see a tutorial on running a Flutter app as a background/foreground process. Also local notifications without FCM.

[@vioxa8645]

Don’t know how you pack in so much info, but keep it so understandable, props to you.

[@sadunozer2241]

I'm gonna agree with Vioxa here... I'm relatively new and I'm still getting more and more comfortable with reading the documentations for packages etc. Whenever Fireship dumps some stuff, on KZbin I just know it's almost as efficient as reading the docs, sometimes even more so. Great content as always!

[@okie9025]

I'm really loving this new trend of quick snippets/tutorials that pack a lot of information in a short time and an entertaining format, just like Flutter is doing!

[@CodingWithJustin]

Flutter seems to be growing! Thanks for the tutorial!

[@RobertBrunhage]

So many topics covered so condensed, great work!

[@chasseuragace9907]

you're a great tutor too!

[@Paneking95]

Just went through this setup and the whole process is way easier today. A truly perfect tech stack as of today!

[@andyjulow4388]

Maybe it's just the way my brain works, or doesn't, but your tempo on this video is spot on perfect. This is a ton of information and it never feels overwhelming. Well done Jeff.

[@TreyHope]

Thank you for sharing this video. I was holding off on Crashlytics for the longest but now I’m too ready to get it implemented. You explain your content very well.

[@mmertduman]

There is a huge difference between being knowledgable and being a good teacher. You are both. Thank you for the clear and concise tutorials. Many other KZbinrs would turn this 13 minute video into a 10 episode playlist. What is the workflow for doing this in Flutter web? Is it similar? Will you make a video on it? Thank you.

[@ivanzagar2176]

So troo

[@JacksonWelch]

I was an early adopter to Firebase/Flutter back in 2018 and have a few iOS apps on the market. I didn't even know half these features existed thanks so much!

[@brus11]

Thank you for very useful instructions. I usually put instructional videos to 1.25 speed to catch up stuff faster. You are the only one where I need to put the speed to 0.75 😁

[@tomihawk01]

Wow, that's at least two weeks worth of googling and reading and trial and error and putting topics on a to-do list because you know you should be integrating with analytics and crashlitics but it's just so fiddly.... Thank you. This is like the perfect all-inclusive foundation to start building an app from instead of retrofitting all the extras at some future date that keeps getting kicked down the road.

[@blessingschishimbakalambai8574]

Extremely helpful, these are the first things one needs to do in the initial stages of any flutter app. I have been developing flutter apps for a while and I must say some of the content shared, I didn't know the value of. Thanks for sharing... 😎😎😎

[@dennisbarzanoff9025]

Finally!!!! I have been waiting for so long for a TRUE EMULATOR

[@AliZahir]

Hey, you're amazing!!! I like how clear and straightforward this video was. Subscribed, Liked and Commented 😅

[@seemantsinha434]

I'm so glad I subscribed to your channels... Things you explained here Took me 5 days to understand it and u did it in 13 mins 🔥🔥🔥

[@divinedela9125]

Very helpful as always. I'm trying out the emulators ASAP!!

[@nowhynot7711]

Appreciated. Thanks for making this video in such a super way

[@francescosacchetto4237]

Top level content, thanks a lot for this video!

[@FilledStacks]

awesome video. Great overview. I've been having great success with the firestore firebase combination. Now I can point everyone to this video that wants to see a setup video. Great coverage as always.

[@shubhammittal9764]

Good to see you here too brother.

[@FilledStacks]

@@shubhammittal9764 :D

[@william_chidube]

Look who's here. The Genius himself!

[@jacobladder638]

I've taken a year off work to create an app. And you sir have been a huge help. Some of your content has been EXACTLY what I've been looking for. Including this.

[@officialismailshah]

Always pro level content❤️❤️❤️😍😍 love your content...

[@FidelGuajardo]

Nice know there are some "perfect" tech stacks out there!

[@laybunzz]

What an amazing video. Well done!

[@Vimarsh24]

Ag great video. Learnt so many things so quickly...... Also never knew there are so many various use cases for firebase and it's so easy. I just used to use DB and sign in...

[@Abapelomg18]

Thank you for your work!

[@kobenade]

The channel with the best thumbnails

[@hp6385]

Been waiting for this.

[@josipsokac7128]

Thank you!

[@lallawmzualakhawlhring7340]

great video as always

[@gmt8336]

Thanks man !

[@fidelhen6361]

OOOO BROTHER!!! Another banger!!!

[@seanzhu4140]

Awesome output! A quick question, does Crashlytics also work for obfuscated code?

[@skypuff]

Thank goodness now we have the flutterfire cli for this setup. At least the first 5 minutes can now be automated.

[@EibeMandel]

Just in time. I need to add Crashlytics to my app

[@usheffi]

Awesome! video mate

[@MohamedDernoun]

Really beautiful what you are doing, a start point that everyone need, could you please how translate idea to flutter project, how to model data base and should we create a diagram before start coding ?

[@OBLIVIOUSKARI]

I literally just built my infrastructure in Aws with a web server and dbs, but damn I may use fire base one day. It looks great.

[@000-way7]

Awesome, wonderful !

[@samheyman09]

Hi! I love Firebase thanks to your videos. Would you be able to do a video on how to manage billing, anticipate and manage costs, and more importantly, how to transfer a project to a client/someone else? I have a number of projects that I have build for clients and I am really struggling to handover the project to them. Thanks!

[@JosueChamorro]

Something to note...to get firebase synced you have to initialize FireBase on main.dart. Future main() async { WidgetsFlutterBinding.ensureInitialized(); await Firebase.initializeApp(); runApp(MyApp()); }

[@danumichael2143]

Wow great video 😍🥰

[@blank-vw2sb]

Best video on firebase!

[@MrJoelio7]

What would you recommend for an app that needs real time data but also data that needs to be represented in a relationship? Should I use firebase for authentication and real time features and then use cloud sql for the other pieces?

[@yashptel]

Please share the theme and extensions you use (used for changing the appearance). I like the look of your vs code. Edit: found it in the video description. Nice touch.

[@shubhammittal9764]

Will your firestore modeling course on your website be helpful for me as a flutter developer, given that your course is using javascript?

[@danvilela]

Cool! Firebase is awesome. Do you think there is a reason for big companies to not use it?

[@ibrahimshehuibrahim918]

What are your thoughts on building a payment system in firebase/firestore

[@nicholasficara1017]

No way. I was coding a Flutter/Firebase stack and took a break and saw this.

[@bmsrangel1]

Hey, man! Awesome video! I'd like to ask you something: I'm trying to make a Flutter app to work with a local Firestore instance using the Firebase Emulator, but no success so far. Steps I already did: 1) setup a Firebase project 2) setup the Firebase Emulator (everything is running normally and I manage to access the Firestore from the localhost:4000 3) setup the Firebase project in the Flutter app (installed libs firebase_core and cloud_firestore). I tested the app using the real Firestore, and it works perfectly 4) include the change for the FirebaseFirestore instance setting in order to start using the emulator instead of using the real project This is were I'm having issues... I've tried everything, from changing the firestore emulator port to adding the "host": "0.0.0.0" in the firebase.json file. When I call the database, this is what I get: W/DynamiteModule(30881): Local module descriptor class for providerinstaller not found. I/DynamiteModule(30881): Considering local module providerinstaller:0 and remote module providerinstaller:0 W/ProviderInstaller(30881): Failed to load providerinstaller module: No acceptable module found. Local version is 0 and remote version is 0. I/rebase_emulato(30881): The ClassLoaderContext is a special shared library. I/rebase_emulato(30881): The ClassLoaderContext is a special shared library. I/TetheringManager(30881): registerTetheringEventCallback V/NativeCrypto(30881): Registering com/google/android/gms/org/conscrypt/NativeCrypto's 288 native methods... W/rebase_emulato(30881): Accessing hidden method Ljava/security/spec/ECParameterSpec;->getCurveName()Ljava/lang/String; (greylist, reflection, allowed) I/ProviderInstaller(30881): Installed default security provider GmsCore_OpenSSL W/Firestore(30881): (22.0.0) [OnlineStateTracker]: Could not reach Cloud Firestore backend. Backend didn't respond within 10 seconds W/Firestore(30881): W/Firestore(30881): This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend. Any clues? Thanks in advance!!

[@coolbotic]

What's the best way to sync your project between windows and mac?

[@abdonajjar2981]

I was wandering if you can make a video about cloud messaging 😅

[@seyfettinyildirm]

Great video as usual but anyone knows that intro song?

[@JohnJohnson-ds4ui]

More great content 👌

[@user-vg7zv5us5r]

6:12 Could you present a case when I might need to gather, listen to users' data as a web developer?

[@hooligansofts7430]

mah man 💫

[@cedric_ds]

Why do you have the colors of google (red yellow green blue) around your profile picture in the firebase console 1:43?

[@KImtOs]

For anyone in the future coming For the initial setup there's a official CLI to configure firebase for flutter called flutterfire cli

[@KishanKumar-ht4vo]

thanks!

[@chaeju106]

SO GOOD

[@domino7097]

Good day. I liked your lessons. Could you take a lesson on how to make a mobile application on the topic of ecology? For example, the application how to improve the ecology in the place where you live, having good habits, can be done in a playful way. Well, or something else. What do you think? It is on Flutter in the Dart language. After all, the topic of ecology is more relevant than ever, you will help a lot if you do a lesson

[@muhammadahmedjaved7691]

when is react+firebase and vue+firebase?

[@atenakitabi3769]

helpful

[@yassineejjoud240]

(ValuableContent, clearExplanation, awesomeIntroduction )=>Fireship

[@himesh_89]

Amzing!!

[@danvilela]

On pub.dev says crashlytics needs more stuff done an android gradle files..

[@derianhyperioon7830]

tell us more about creating IOS app without a mac that would be cool

[@flutterquick]

tell us how to configure ios to firebase in windows

[@raegreen2835]

How are you meant to set up the firebase app if you aren't working on a Mac. I've looked at loads of tutorials now and I can't find the answer.

[@bibekdhami8718]

What about web assembly ?

[@AmitKumar-qv2or]

What are the odds!! I have just put my lapi off, because it gave me so pain to setup.

[@stephen9849]

Notification squad ;)

[@dev.faizan]

Hy brother how can we show quotes when internet is offf..... I'm fetching quotes from firebase but i want to store in phone... etc.. and when internet isn't available it will show stored quotes.. Do you have any tutorial or suggest me any videos please...... Please 😇😇😇

[@RogiervandenBerg]

About Firebase App distribution: Wouldn't pushing an app version to e.g. an Alpha channel (possibly with fastlane) be easier than manually uploading and inviting your testers via email all the time? In my project I just call 1 command for fastlane to build, and ship to Alpha so all my testers can just update their apps.. 🤔

[@amgedgamer1827]

hello bro I got these errors when i set up firebase Plugin project :firebase_auth_web not found. Please update settings.gradle. Plugin project :firebase_core_web not found. Please update settings.gradle. Plugin project :cloud_firestore_web not found. Please update settings.gradle.

[@lifasibiya4810]

Yes. 👍🏾👍🏾😉

[@DanielaCosas]

I get this error :c error: 'settings' isn't a function or method and can't be invoked. await FirebaseFirestore.instance.settings(

[@theimpresario]

use this from firebase.flutter.dev/docs/firestore/usage/ // Import foundation for [TargetPlatform]. import 'package:flutter/foundation.dart'; // Switch host based on platform. String host = defaultTargetPlatform == TargetPlatform.android ? '10.0.2.2:8080' : 'localhost:8080'; // Set the host as soon as possible. FirebaseFirestore.instance.settings = Settings(host: host, sslEnabled: false);

[@yogeshdevaggarwal]

You should have created this video much before. Still very thanks Jeff!!

[@iamfirdous]

3:45 Am I the only one who is worried about that extra line that he left inside the dependencies? It's making me anxious.

[@yogeshdevaggarwal]

These lines make me too!!! 🤣😂

[@aminefarhat8382]

hell yeah bro

[@dennisbarzanoff9025]

Shame for an alleged 10X developer

[@user-vg7zv5us5r]

12:30 Stealth 12:40 Anticipation 12:50 Assault

[@mars3142]

Crashlytics and Non-Fatal are the main reason for us not to use it. By default Crashlytics will send mails for fatal error and regressions. I believe this is not possible for non-fatal and the benefit of them are to trace any real non-fatal. In our app (without Flutter) we used it to trace any responses with code != 2xx to see any critical behaviors in the backend, but also with that, we had a delay, because we aren't notified about unusual behaviors in the non-fatal reports. I use sentry.io (which is also not perfect) and it will inform our devs about new issues asap.

[@MRCDF7]

If i have an online store made in flutter and firebase, with thousands of clicks by day, I believe that having a database hosted in firebase would be too expensive, right?

[@blaueeiner]

Depends on you data structure and how you request data from Firestore. A NoSQL Database. For many cases it is actually cheaper than other cloud services.

[@MRCDF7]

@@blaueeiner Thousands of clicks on products and images and so on, a day, would require more than a free firebase pack. No? All the clicks would require a response from database. Sorry for my questions but im trying to understand this. Because the paid pack seems to me to expensive to handle.

[@Ciph3rzer0]

Wait... Dart's not dead and buried?

[@SuperJB1981]

🔥🚢

[@opiniisaac6469]

React native please 😢

[@humaidahmedabuzinjal6257]

flutterfire init?

[@anandasanthosh1399]

Create video with using firebase with provider , i think i am doing all wrong in my projects

[@fire_boat]

react firebase please

[@user-vg7zv5us5r]

8:10 Developers are in shambles in the front of bad user reviews.

[@fire_boat]

733th like :D

[@Godwin335]

🍑🍆 BINOD BINOD BINOD 🍑🍆

[@ratiavaliani8515]

First

[@homegeographic5351]

tester my azz. how can the app be tested in seconds? if sent by email. to a tester? liar the app will be runned on poors ppl phones without consent. it happens with windose, and android from what i know.

[@nick0c]

What does firebase core do? So far I haven't included it and everything is working?

[@HenrikWassdahl]

I don't think it's necessary. It's only used if you want to connect to multiple firebase apps