100 Firebase Tips, Tricks, and Screw-ups

Top 100 Firebase Pro Tips 🔥💯. Optimize your app for performance, costs, and developer happiness - and avoid common mistakes fireship.io/le...
🍍 Firebase firebase.googl...
🚀 Firebase PRO courses fireship.io/co...
Leave a comment below with your best Firebase Tip for a chance to win a free T-shirt.
#top100 #firebase
Take the Firebase quiz 🤓
iOS itunes.apple.c...
Android play.google.co...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

[@rubenheymans1988]

thanks Jeff, now I have to rewrite my entire app

[@Fireship]

Haha, sorry about that

[@olearycrew]

Honestly...same

[@sirshredderkyle]

Yeah, thanks a LOT JEFF!

[@sexyeur]

Lol

[@Chiefsosa17]

Thank God I'm about to start my app now

[@Fireship]

This is the longest KZbin video I have ever made 😅. Putting together 100 tips was a challenge, but I'm sure there are plenty I missed...

[@ian4175]

Fireship like number 6? Awesome video thanks.

[@shawnamanda4887]

Thank you for everything you are doing for this community!! Great work

[@anonwithamnesia]

Ian Bringe lmao he really forgot 6

[@Fireship]

@@ian4175 haha, good call. There are two 7s. 6 should be upgrade to blaze, set a budget.

[@oldbootz]

Thanks for the vid. I'm going to try firebase out for the first time now.

[@dependersethi1345]

Another Tip: Reads are calculated even when you access the Firestore data from the dashboard. By default, the first 300 documents of the active collection are read as soon as you land on the page. So make sure you do not play around on that page in a live production project. (You can bookmark the quota tab/ page to bypass the dashboard screen)

[@vedangdate]

I have been living a lie

[@ShaneTheKing]

You can actually avoid accidentally being charged for 300 reads by creating a document named _ or something similarly low number on an ASCII chart. Firebase will open the first one in ascending order and it will save you a lot of reads.

[@will_lowry]

@@ShaneTheKing thanks man 🙏🏼

[@osamaomari5556]

@@ShaneTheKing can u pls explain more ?

[@carlosduran5460]

​​@@osamaomari5556 An empty collection named "_" in order to be the first (default) collection that is shown when you open de dashboard. Since it's empty, it won't charge reads.

[@eriktorres1745]

Man! talk about a cheat sheet. This is the most valuable piece of firebase content I have come across, hands down!

[@FidelGuajardo]

I thought title was a marketing hoax but there are truly 100 tips! Only Jeff could do a video like this with massive great content in under 25 minutes and so gracefully!!! Jeff ROCKS!!!

[@YinonOved]

that video should be declared as an official firebase cookbook

[@ChinPeng-p5p]

Owhhh

[@harryman0412]

best firebase content on youtube or otherwise. I might just become a member on fireship just to support you so you can keep making content that saves me time and headache. good stuff man.

[@Fireship]

Thank you! I try hard to provide a good value for pro members :)

[@harryman0412]

@@Fireship It seems like you do :) I was looking through your courses and I think you've earned my lifetime subscription :) might have to wait for another paycheck or two though.

[@brandonmyers2449]

This is by far the best content I've seen on Firebase. Better than their docs and any other article out there. You're content on Firebase is always good and this was definitely no exception! Thank you!!!

[@Rong.404]

There should be a checkbox when creating a new firebase project "Yes I watched Fireship's firebase video" 😂 Damn, it's so usefull.

[@firaskudsy]

The only membership that i never regrets is fireship .. 👍🙏

[@Fireship]

Thank you Firas 🙏

[@benjaminjameswaller]

One more tip: grab a cup of coffee before starting! What an awesome collection of tips and tricks for Firebase.

[@will_abule]

46, 54, 58, 64, 66, 70, 78, 81, 82, 83, 84, 85, 86, 89, 91, 93 are very useful thanks! a useful tip you didn't mention always paginate to reduce costs even further especially for countries in Africa where dollar it's pretty high.

[@Fireship]

Good call! Pagination is a great way to reduce costs.

[@soumyadeepsinha]

One more tip : Use of custom claims to control different roles of users in the app such as admin, moderator , etc instead of making separate values in database . Btw love your videos 🥰

[@Eyezbergslim]

How would you do this in a social media app? For example, I'm creating an app where users create groups with administrators, members and super users. I'm not sure how I could do this using custom claims.

[@soumyadeepsinha]

@@Eyezbergslim Basically Custom Claims is used for controlling different types of users in the whole app as its a part of the user's meta data . And it is limited to 1000 bytes(as far i remember) . So you can use firestore to store uids of particular group admins and write security rules according to that

[@amitk.512]

@@Eyezbergslim For this case storing this information in a document will be a better choice i guess. For a group, you can have a sub collection of members, and each member document can have one of the above mentioned roles by you. This will be helpful to list the members according to their roles which will be needed somewhere most probably. If you save roles information just in custom claims you can't query them.

[@hojdog]

I actually think there are no legitimate use cases for custom claims, for security reasons. Custom claims are only updated when you log out/in - so if you wanted to remove someone with admin roles they don't lose them until they log out. That would be dangerous if you have a dodgy admin. It's not useful for your users either for the same reason. Want to give someone premium? They will have to log out first to receive the cred = bad UX

[@CarlosMolina-bp8jr]

Thanks! Every single word is gold in this video

[@EzequielTejada]

tbh, this must be the most complete firebase video from the best firebase content creator... Good Job!

[@Fireship]

Thank you Ezequiel :)

[@frostytf2]

Single handedly the most practice and useful tutorial for majority of Firebase use cases.

[@RobertBrunhage]

Awesome video, tip 56 (12:59) is my favorite, it was a real pain to do this before the increment FieldValue!

[@Fireship]

For sure, it is super useful :)

[@kingsley15]

That was awesome! I'm particularly interested in the Deployment and Security stuff. Noticed there are no specific playlists for those videos.

[@zeeshanazmat719]

One of the best video on Firebase... Thanks a lot Jeff

[@amitk.512]

One underrated feature in firebase is custom claims. Can be very helpful for certain scenarios. Especially Authorization.

[@javascript_developer]

I just finish half of the video and couldn’t stop myself from commenting to appreciate your effort. Thanks a lot. I would need to change a lot of thing in my project.

[@FilledStacks]

Awesome Awesome Awesome! Waiting for a potential large clients response. They want to build an app with Flutter and Firebase as their backend, this will be invaluable. Thanks Jeff! Can't wait to go through the data modelling course to skill up on the NoSql modelling. I appreciate the content :)

[@filipkowalski2183]

I don't remember when I was so stoked last time about learning materials. Great job with Fireship, love it! Can't wait to get through it.

[@nerd_mor]

Tip that made me lose a few projects: you can only redirect URLs to Cloud Functions if they are in the same GCP region. And the only Region where this is possible is Us-central

[@Fireship]

Good to know! Was not aware of that limitation.

[@PedroAkaki]

Thanks! Till this Day, good tutorials of firebase are rare.

[@rtpHarry]

That was intense but great. I think I will have to watch it 100 times to absorb it all though! :D

[@toddherron4832]

Great to see the BIG PICTURE pulled together like that. The next trick (for me) is to do it all in DART/FLUTTER ... :)

[@TheEkkas]

Wow. 24.5 minutes of jam-packed, useful, concise info. Thanks.

[@DanBorgia]

Liked, saved, and shared. Sooo valuable what you shared in this video.

[@jonathanst-jean7026]

Holy cow. I learned more about firebase in this one video than I have in the last 3 months of reading docs and testing on my own. Absolutely awesome

[@CyprianNziim]

So much content to take in at once. This is so awesome!

[@agi20dla]

Excellent video! Thank you. I'm new to firebase, and this will help me out a ton!

[@DavidLarsenDr]

Wow, awesome video - so helpful, now I just need to watch it 99 more times! lol

[@hameem6845]

This was insanely informative.. Well done man!

[@teetanrobotics5363]

Bro , you're the best!!!!!! Your content on firebase is amazinggggg !!

[@malkavftw]

Yet another amazing video Jeff. If you can make one about how to cache firestore results when navigating "back", instead of running the query again, it would help a lot. RouteReuseStrategy seems to do the magic, but I can't find much about it

[@LeaHayes]

Best tip is to subscribe to this channel because it's pretty darn good :D keep up the amazing videos

[@kwii22789]

This is the best video on firebase I've seen. thumbs up! Subscribed too :)

[@asatorftw]

This video is pure gold👌👌👌

[@CodingAfterThirty]

This is great. Thank you.

[@patrickmullot73]

Super cool Video! Pretty mind blowing given its speed! Thanks for the shout-out, btw!

[@Agrim26]

These 24 min will save your months of research and discovery.

[@metalllus]

no.78, I would love to see a concrete example on how to set up a CRON job to automatically backup the database with the REST API, that would be super useful.

[@moilafreus]

Wow !! Definitely the most useful video i've seen in a long time ! Thank you so much

[@meza5renitec]

Honestly might be the best thing I've ever seen in terms of a tips video. Amazing work.

[@aydzz]

I dont really need most of this right now, but Im trying to be on that level. Thanks and will surely be checking this out again when that time comes.

[@j2isndhu]

Best video I have seen in a long time

[@ezwalduzumaki3161]

I love the vocals in the beginning, sounds so ancient and beautiful a bit scary too :D

[@MrCalacianu]

Hi! first of all I want to thank you for all your awsesome videos, they are help a lot. Would you consider making a video about monitoring firebase functions?

[@petedavidson4698]

the Indian in the cupboard thumbnail kudos to you sir!!!

[@appdeliverio8761]

Firebase 🔥💯 - We confirm: Angular SSR on Firebase is lit

[@salman4430]

i wish firebase hire you

[@Mellowjay]

Just the video I've been hunting for the past couple of years! Thank you! 🙏

[@charliesumorok6765]

2:00 What do you mean by bypassing test flight?

[@Banele808]

best dev video ever

[@kopenPCnerd]

Thanks for all the great videos! Your content has inspired me to really dive into cloud architecture and has allowed me to effortlessly deploy dozens of web apps. Excited to learn more about Firebase at NgConf next year.

[@harpymaslow]

So much value in a single video. Love your work Jeff. Keep it up

[@IndieDev91]

Is there any course available to learn Firebase and GCP from scratch, specifically for app development?

[@Mia12946]

firebase needed to have a cigarette after you were done with this video

[@andy5627]

Good vid. Are you going to have some video of Firebase for beginner? And maybe with Flutter integration.

[@vedangdate]

Lifesaver alertttt !!

[@jorge1869]

For me, the Firebase model is the future.

[@caneallestamartinez2797]

Spectacular 💪🔝

[@haythamabdulla3321]

Man... You are my hero ❤️

[@dom4cswdty84h5]

you are a legend man

[@afiq980]

This video teaches me sooooo much, THANK YOU!

[@oiojin831]

This is perfect!!!!!!!!!!!

[@DEV_XO]

Mate you are just amazing. Awesome video! Thanks a lot!

[@anonwithamnesia]

Good video tho I liked number 6 the most

[@Fireship]

If you're not careful you might miss it

[@JohnnyOshika]

Awesome video with great tips!

[@mohseenmomin8330]

Best is to have your own server 😉

[@rebarius]

You forgot the most important: Firebase Emulator Suite 😢 it‘s the best thing you can setup for your projects!

[@tylim88]

nice man, i also setup two project, one for dev one for prod

[@Fireship]

That is good practice, although I'd like to see Firebase add some sort of default sandbox in the future.

[@zakariachahboun]

thanks man!

[@GamerDergo]

For tip 65: is it possible, that someone, who dislikes our app, could spam this rule to cost a lot of money? If so, whats the best way to avoid it?

[@Fireship]

That is a good question. Ideally, this type of rule is used for authed users, then you just disable the spam account. It would be nice if you could blacklist an IP, but that's not possible currently

Great video! Super good, I will save for reference.

[@oardi]

Thank you so much

[@kensleylewis]

Something I learned with firebase URL's is that the don't come with www. Didn't know that prior, but hopefully thats not a big deal.

[@ibrahimqassem2254]

Good explain 👍

[@HammadKhanYT]

Lots of great tips that I can explore later. But can you make a video on how to handle 'double' values in Firebase? Firebase stores values either as numbers or strings. If a value is stored as 5 and needs to be read into a double variable, we run into a problem. What is the solution? Thanks

[@robertmarquardt]

Thanks!

[@Zirnz]

This video is my new dad for today :D

[@katbert100]

Amazing stuff, thank you!

[@sveinsoermo9883]

This was pure gold!

[@albertcieplinski1870]

So good. Thanks!

[@AssFaceNFT]

My guy!!! 🙏🏻❤

[@TheEnde124]

If you want to use a sign in provider that's not in firebase, you can use custom tokens! Also, great video!

[@LyroPac]

Loved thanks for the sharing

[@rubenheymans1988]

how to server side search, sort and paginate in an angular material datagrid with angularfire2, this is a huge struggle for me

[@21rogerwaters]

Epic content 🔥

[@spyxd5245]

I understand nothing but I watch anyway lol

[@theunisdk]

Best video ever!!

[@osamaomari5556]

I'm having this issue for a month now and i can't find the solution at all.. I suddenly get chared for 300 or even 400 reads in firestore and i can't find the reason behind these high reads man i'm so sad. I use provider and firestore in flutter

[@marcelogamer3214]

If you buy a mobile developer Udemy course, with Firebase modules, you will not see 99% of those tips. It's insane how superficial those courses are.

[@Fireship]

There are some great creators there, but most udemy courses don't go far beyond the docs.

[@danielantonioconte]

Great video! thank you so much :)

[@DaveRBrooks]

This is a great resource, Thanks. I have a question about "Trick one" which specifies creating two firebase projects one for dev and one for production. I've done that, but cannot seem to figure out how to build and deploy to the two different targets from a single project. Do you have a video detailing this process? Thanks

[@CRYPT0GRAPHIC]

More question needed in lovely quiz app.

[@ThanHtutZaw3]

I have one question I use firestore free plan and make todo app with React There is 1 seconds delay to get data with onSnapShot when start up . What I need to do. SSR ? Offline cache ? Use get and onSnapshot ? I was searching what i need to learn. so i don't want to add loading state.These data are just a String.

[@ziga9]

best video and content on firebase 1M ⭐️🔥🔥🔥

[@vasiovasio]

Amazing and very useful video! One question - what hat is your IDE - Visual Studio Code? And what is the name of the color theme - look Amazing with this font and size and these file icons on the left sidebar!