Flutter Firebase Setup for Power Users

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 135

  • @Fireship
    @Fireship  4 ปีที่แล้ว +53

    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...

    • @Xenon77x
      @Xenon77x 4 ปีที่แล้ว +3

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

    • @RamiAlloush
      @RamiAlloush 4 ปีที่แล้ว +1

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

    • @RamiAlloush
      @RamiAlloush 4 ปีที่แล้ว +2

      Also, notifications in Flutter with FCM :D

    • @oscarponce5972
      @oscarponce5972 4 ปีที่แล้ว

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

    • @__mayank
      @__mayank 4 ปีที่แล้ว +4

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

  • @vioxa8645
    @vioxa8645 4 ปีที่แล้ว +59

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

    • @sadunozer2241
      @sadunozer2241 4 ปีที่แล้ว

      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 TH-cam I just know it's almost as efficient as reading the docs, sometimes even more so. Great content as always!

  • @okie9025
    @okie9025 4 ปีที่แล้ว +13

    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!

  • @mmertduman
    @mmertduman 4 ปีที่แล้ว +17

    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 TH-camrs 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.

  • @Paneking95
    @Paneking95 ปีที่แล้ว +2

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

  • @CodingWithJustin
    @CodingWithJustin 4 ปีที่แล้ว +14

    Flutter seems to be growing! Thanks for the tutorial!

  • @RobertBrunhage
    @RobertBrunhage 4 ปีที่แล้ว +22

    So many topics covered so condensed, great work!

  • @tomihawk01
    @tomihawk01 4 ปีที่แล้ว +7

    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.

  • @JacksonWelch
    @JacksonWelch 4 ปีที่แล้ว +1

    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
    @brus11 2 ปีที่แล้ว +1

    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 😁

  • @jacobladder638
    @jacobladder638 4 ปีที่แล้ว +3

    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.

  • @TreyHope
    @TreyHope 4 ปีที่แล้ว +2

    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.

  • @andyjulow4388
    @andyjulow4388 4 ปีที่แล้ว +1

    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.

  • @FilledStacks
    @FilledStacks 4 ปีที่แล้ว +3

    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
      @shubhammittal9764 4 ปีที่แล้ว +1

      Good to see you here too brother.

    • @FilledStacks
      @FilledStacks 4 ปีที่แล้ว

      @@shubhammittal9764 :D

    • @william_chidube
      @william_chidube 3 ปีที่แล้ว

      Look who's here. The Genius himself!

  • @JosueChamorro
    @JosueChamorro 4 ปีที่แล้ว

    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());
    }

  • @dennisbarzanoff9025
    @dennisbarzanoff9025 4 ปีที่แล้ว

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

  • @blessingschishimbakalambai8574
    @blessingschishimbakalambai8574 4 ปีที่แล้ว

    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... 😎😎😎

  • @seemantsinha434
    @seemantsinha434 4 ปีที่แล้ว

    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 🔥🔥🔥

  • @KImtOs
    @KImtOs 2 ปีที่แล้ว +1

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

  • @kobenade
    @kobenade 4 ปีที่แล้ว

    The channel with the best thumbnails

  • @FidelGuajardo
    @FidelGuajardo 4 ปีที่แล้ว +3

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

  • @divinedela9125
    @divinedela9125 4 ปีที่แล้ว +2

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

  • @skypuff
    @skypuff ปีที่แล้ว

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

  • @francescosacchetto4237
    @francescosacchetto4237 4 ปีที่แล้ว +1

    Top level content, thanks a lot for this video!

  • @AliZahir
    @AliZahir 4 ปีที่แล้ว

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

  • @officialismailshah
    @officialismailshah 3 ปีที่แล้ว

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

  • @nowhynot7711
    @nowhynot7711 4 ปีที่แล้ว

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

  • @Vimarsh24
    @Vimarsh24 4 ปีที่แล้ว

    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...

  • @tigerasks
    @tigerasks 3 หลายเดือนก่อน

    Great video! Would have appreciated a word about how to also integrate it into flutter web, though.

  • @EibeMandel
    @EibeMandel 4 ปีที่แล้ว

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

  • @samheyman09
    @samheyman09 4 ปีที่แล้ว

    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!

  • @bmsrangel1
    @bmsrangel1 4 ปีที่แล้ว

    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!!

  • @laybunzz
    @laybunzz 4 ปีที่แล้ว

    What an amazing video. Well done!

  • @blank-vw2sb
    @blank-vw2sb 4 ปีที่แล้ว

    Best video on firebase!

  • @OBLIVIOUSKARI
    @OBLIVIOUSKARI 4 ปีที่แล้ว

    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.

  • @fidelhen6361
    @fidelhen6361 4 ปีที่แล้ว

    OOOO BROTHER!!! Another banger!!!

  • @Creat0299
    @Creat0299 3 ปีที่แล้ว

    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

  • @nicholasficara1017
    @nicholasficara1017 4 ปีที่แล้ว

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

  • @danvilela
    @danvilela 4 ปีที่แล้ว

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

  • @MohamedDernoun
    @MohamedDernoun 4 ปีที่แล้ว

    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 ?

  • @shubhammittal9764
    @shubhammittal9764 4 ปีที่แล้ว +1

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

  • @yassineejjoud240
    @yassineejjoud240 2 ปีที่แล้ว

    (ValuableContent, clearExplanation, awesomeIntroduction )=>Fireship

  • @hooligansofts7430
    @hooligansofts7430 4 ปีที่แล้ว +1

    mah man 💫

  • @lallawmzualakhawlhring7340
    @lallawmzualakhawlhring7340 4 ปีที่แล้ว

    great video as always

  • @Abapelomg18
    @Abapelomg18 4 ปีที่แล้ว

    Thank you for your work!

  • @seanzhu4140
    @seanzhu4140 4 ปีที่แล้ว

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

  • @hp6385
    @hp6385 4 ปีที่แล้ว

    Been waiting for this.

  • @abdonajjar2981
    @abdonajjar2981 4 ปีที่แล้ว

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

  • @000-way7
    @000-way7 ปีที่แล้ว

    Awesome, wonderful !

  • @yashptel
    @yashptel 4 ปีที่แล้ว

    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.

  • @derianhyperioon7830
    @derianhyperioon7830 4 ปีที่แล้ว

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

  • @usheffi
    @usheffi 4 ปีที่แล้ว

    Awesome! video mate

  • @ibrahimshehuibrahim918
    @ibrahimshehuibrahim918 4 ปีที่แล้ว

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

  • @user-vg7zv5us5r
    @user-vg7zv5us5r 2 ปีที่แล้ว

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

  • @ByteBandit4
    @ByteBandit4 8 หลายเดือนก่อน

    Thank you!

  • @gmt8336
    @gmt8336 3 ปีที่แล้ว

    Thanks man !

  • @danumichael2143
    @danumichael2143 4 ปีที่แล้ว

    Wow great video 😍🥰

  • @MrJoelio7
    @MrJoelio7 4 ปีที่แล้ว

    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?

  • @AmitKumar-qv2or
    @AmitKumar-qv2or 4 ปีที่แล้ว

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

  • @mars3142
    @mars3142 4 ปีที่แล้ว

    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.

  • @coolbotic
    @coolbotic 4 ปีที่แล้ว

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

  • @RogiervandenBerg
    @RogiervandenBerg 4 ปีที่แล้ว

    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.. 🤔

  • @seyfettinyildirm
    @seyfettinyildirm 4 ปีที่แล้ว

    Great video as usual but anyone knows that intro song?

  • @user-vg7zv5us5r
    @user-vg7zv5us5r 2 ปีที่แล้ว

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

  • @iamfirdous
    @iamfirdous 4 ปีที่แล้ว +13

    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.

  • @JohnJohnson-ds4ui
    @JohnJohnson-ds4ui 4 ปีที่แล้ว

    More great content 👌

  • @flutterquick
    @flutterquick 2 ปีที่แล้ว

    tell us how to configure ios to firebase in windows

  • @danvilela
    @danvilela 4 ปีที่แล้ว

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

  • @chaeju106
    @chaeju106 4 ปีที่แล้ว

    SO GOOD

  • @muhammadahmedjaved7691
    @muhammadahmedjaved7691 4 ปีที่แล้ว

    when is react+firebase and vue+firebase?

  • @yogeshdevaggarwal
    @yogeshdevaggarwal 4 ปีที่แล้ว +1

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

  • @cedric_ds
    @cedric_ds 3 ปีที่แล้ว

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

  • @bibekdhami8718
    @bibekdhami8718 4 ปีที่แล้ว

    What about web assembly ?

  • @dev.faizan
    @dev.faizan 4 ปีที่แล้ว

    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 😇😇😇

  • @himesh_89
    @himesh_89 4 ปีที่แล้ว

    Amzing!!

  • @raegreen2835
    @raegreen2835 2 ปีที่แล้ว

    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.

  • @lifasibiya4810
    @lifasibiya4810 4 ปีที่แล้ว

    Yes. 👍🏾👍🏾😉

  • @MRCDF7
    @MRCDF7 4 ปีที่แล้ว

    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
      @blaueeiner 4 ปีที่แล้ว +1

      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
      @MRCDF7 4 ปีที่แล้ว

      @@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.

  • @amgedgamer1827
    @amgedgamer1827 3 ปีที่แล้ว

    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.

  • @atenakitabi3769
    @atenakitabi3769 3 ปีที่แล้ว

    helpful

  • @Ciph3rzer0
    @Ciph3rzer0 4 ปีที่แล้ว

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

  • @stephen9849
    @stephen9849 4 ปีที่แล้ว +2

    Notification squad ;)

  • @nick0c
    @nick0c 4 ปีที่แล้ว

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

    • @HenrikWassdahl
      @HenrikWassdahl 4 ปีที่แล้ว

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

  • @DanielaCosas
    @DanielaCosas 4 ปีที่แล้ว

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

    • @theimpresario
      @theimpresario 4 ปีที่แล้ว +1

      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);

  • @anandasanthosh1399
    @anandasanthosh1399 4 ปีที่แล้ว

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

  • @user-vg7zv5us5r
    @user-vg7zv5us5r 2 ปีที่แล้ว

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

  • @opiniisaac6469
    @opiniisaac6469 3 ปีที่แล้ว

    React native please 😢

  • @humaidahmedabuzinjal6257
    @humaidahmedabuzinjal6257 ปีที่แล้ว

    flutterfire init?

  • @SuperJB1981
    @SuperJB1981 4 ปีที่แล้ว

    🔥🚢

  • @fire_boat
    @fire_boat 4 ปีที่แล้ว

    react firebase please

  • @fire_boat
    @fire_boat 4 ปีที่แล้ว +1

    733th like :D

  • @Godwin335
    @Godwin335 4 ปีที่แล้ว

    🍑🍆 BINOD BINOD BINOD 🍑🍆

  • @ZeroCarbo
    @ZeroCarbo 4 ปีที่แล้ว +1

    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.

  • @ratiavaliani8515
    @ratiavaliani8515 4 ปีที่แล้ว

    First