I really like the way you talk and explain in your videos. Usually... 25 minutes of video of someone talking about how to code makes me feel sleepy, but with you, I didn't notice the time until you concluded the video.
After manually deploying mongodb and facing nodejs server side hosting issues I cannot believe that firebase makes it so simple. Really is this even real?! I can't believe it! Thank you to the devs who devved a thing to dev faster!
Right now Firebase is in SDK version 9 which apparently makes the API more modular and less namespaced. This will make any verion 9 code look very different from the video's and made me a bit confused in the beggining... But you can still follow the tutorial as long as you have the Firebase documentation side by side to catch the differences. A bit outdated, but still great tutorial!
Hey man, I really appreciate your videos. They're very informative and I've been happy to follow along. Thank you for posting these and helping us all code a little better together. Cheers! 🔥
Thank you for another great tutorial, I was really excited about this one but, at 4:39 you follow the link to install the SDKs from the CDN but Google appears to have changed the layout of their documentation and now I'm going in circles trying to get it working. I can't figure out how to install the scripts needed to continue the tutorial. Can anyone offer any help? Thank you.
Be aware that this won't work with the Firebase modular (v9 and onwards) SDK: you don't get a firebase object globally available anymore, which was the case in the older Firebase "namespaced" (v8 and earlier) SDK. Instead, you import individual functions that you need from the Firebase SDKs.
Yeah, noticed that. How can i deal with this? I am a JS and in general a Web beginner. how can i access these objects and functions outside the script where i imported all these scripts?
5:32 I just get two errors. "Uncaught TypeError: Failed to resolve module specifier "firebase/auth". Relative references must start with either "/", "./", or "../"." and "Uncaught ReferenceError: firebase is not defined at app.js:1:13" I don't know why this is. Maybe "firebase" isn't a global variable? If this is so, how do I make it a global variable?
Anyway, Jeff, you have become my favorite tutor on UA-cam. You are event better than Traversy Media right now since the content quality dropped by random contributors by a lot :-/. Keep it going!
I was almost daily checking ur channel in case i missed a new video... it feels really good to see u back . Great video so far, keep up the good work ❤
Great to see you back buddy! Loved the in depth video you made about firebase. Would be waiting for a React tutorial by you, since I really like your youtube videos.
hello, this video is 2 years old, I want to follow this because it's clear and concise. I was wondering if most topics covered here about Firbase are still applicable?
Thank you Jeff for an excellent comprehensive beginner tutorial on Firebase and it is good to see you back. I just wondered the other day where you had got to!
I still didn't find the drawbacks of firebase, am I missing it or is it just actually so good? The only thing I found is that we will be so attached with Firebase on our production, if one day they suddenly change their policies or pricing that are not suitable with our business, it would be a real pain to migrate all of the code to a new service or just to deploy it on premise
from what ive heard in the past (may have changed, haven't checked recently) firebase has a generous free tier but expensive pricing as your app scales up. therefore its good for hobby/personal projects but for projects that need to be able to be scaled extensively, relying on other services (ie. aws) is preferable
Firebase is way too expensive at scale and the Firestore support for higher logic queries is just not existing. So if you rely on some logic to aggregate your data or have heavy read/write loads, it's just not as good.
I'm late replying to your comment, but I just released a video version of this awesome tutorial with Firebase 9... ua-cam.com/video/YPgb7g8is2w/v-deo.html
can we please get a newer version of this? there's so many errors popping up and i cant seem to fix it. "firebase is not defined" keeps popping up when u say to console.log(firebase)
Thank you for this awesome explanation ,I was following step by step but I couldn't find the available libraries !! I wonder where I can find those links to apply them in my app
If you put this dude on 0.75 speed, It sounds just as normal as any other tutorial. And if someone has an issue with serverTimestamp, correct syntax is "firebase.firestore.FieldValue.serverTimestamp()"
I am curious, how does having your own VPS or dedicated server compare to having your app be on services like Firebase? What are the pros and cons of either?
If you have your own VPS that means you have to maintain it (update nodejs update Nginx and other software) you will also need to maintain your DB if you host that there. Besides that, you will need to scale it when it gets more traffic, buy more CPU power add more ram, etc if you decide to scale vertically. With Firebase you don't have to take care of any of that. I will think the main disadvantage it cost more when you scale with firebase (but at the beginning, it will likely be cheaper even free), and also you don't have control of the software of your own server (in the vps you can use whatever you want, node PHP, MySQL Mongo, in Firebase you are stuck with Firestore etc).
Having your own server or VM gives you virually full flexibility in terms of technology at the cost of having to design and maintain all of it yourself. With Firebase, both scaling up and scaling down is handled for you automatically, which can be cheaper if the load is relatively small compared to your stack specs and more expensive if you are using your servers efficiently, which can be hard.
this tutorial doesn't seem to be working for me. when I put the code in the script tags in index.html I get this error: Uncaught SyntaxError: Cannot use import statement outside a module` and when I move it to a new file and reference it under
**video ideas for you** react + firebase full mini project tutorial redux in 100 seconds firebase storage in 100 seconds docker in 100 seconds (probably already on your list) csv (comma seperated values) in 100 seconds sass (the scss syntax) in 100 seconds firebase analytics tutorial how u make such good thumbnails tutorial **very important** how u edit so well **also very important** microsoft excel in 100 seconds google charts tutorial more typescript stuff **also very important** hope this helps :D i gave up and thought ud never come back. thank god
About 11:55 when I try to run my code with the auth it says firebase.auth is not a function I have followed the instructions to a tee all the script src etc. is in the head of the index.html ?
Another outstanding video! Thanks a million. Would you be able to do a video on cookies: what cookies Firebase requires, how to allow users to configure their preferences, how to prevent them being set before user consents (European law), what cookies Facebook uses for Facebook login, etc.
thank you for the video, but when i create my own firebase app, and put the code into index.html, console.log(firebase) says firebase is not defined, does anyone know why? :/
The tutorial is out of date a bit, and the code firebase provides you during setup is slightly different. I made some changes to the tag and was able to follow the rest of the tutorial. I shared the tag from my index.html in a different comment on this video.
@@Fireship Oh yeah, i made sense now. please give strapi a try, the workflow is really similar, but you host the backend, it's great if you don't use much of the firebase's services or just tryna run something small locally. also, I've just used cloud functions on my project, the spark plan unfortunately doesn't support node v10 freely as its runtime, and the supported (by changing the engine in package.json) node v8 will be deprecated on march next year. So, using it while it lasts. other than that tutorials everthing up to now is still on point.sorry for the long essay, cheers for your future videos.
Feels good to be back!
Bro teach me Scraping with node.js
Welcome back
Feels really good, to be honest!
Yep it does!
Finally, I've been waiting for you. I hope you and your family are good.
Thanks a lot for the introduction. It took me 5 hours to do your 25 minutes tutorial. :)
The first 30 seconds of the video sums up everything i have been struggling with in the last months for my teams start-up. So well put!
we need a tutorial about how you edit these videos, sick 🔥
+1 been waiting for that
+1 waiting too
+1
Please do what this guy requests, we really wanna know
I would absolutely love that. I want to make a programming channel but in Spanish.
fire vid on firebase by fireship 🔥🔥🔥
I really like the way you talk and explain in your videos. Usually... 25 minutes of video of someone talking about how to code makes me feel sleepy, but with you, I didn't notice the time until you concluded the video.
Been stalking your github commit history in anticipation for another video 😂 Glad to have a fix!
I've always felt something missing for the last few months.. Now I finally know why
Shut up Corona
@@tamla9875 shut up David
@@tamla9875 bruh you sayin cuz that guys is an asian? Lmaoo
You are back ! I was really looking for a new video
Hands down the best app development channel on UA-cam! Thanks for your amazing introduction videos and especially the 100s of videos man!❤️
I thought you will never come back. I am so happy to see you back! ♥
After manually deploying mongodb and facing nodejs server side hosting issues I cannot believe that firebase makes it so simple. Really is this even real?! I can't believe it! Thank you to the devs who devved a thing to dev faster!
Right now Firebase is in SDK version 9 which apparently makes the API more modular and less namespaced.
This will make any verion 9 code look very different from the video's and made me a bit confused in the beggining...
But you can still follow the tutorial as long as you have the Firebase documentation side by side to catch the differences.
A bit outdated, but still great tutorial!
Hey man, I really appreciate your videos. They're very informative and I've been happy to follow along. Thank you for posting these and helping us all code a little better together. Cheers! 🔥
This video is what finally helped me wrap my head around firebase, thanks so much for providing such a great resource:)
Thank you for another great tutorial, I was really excited about this one but, at 4:39 you follow the link to install the SDKs from the CDN but Google appears to have changed the layout of their documentation and now I'm going in circles trying to get it working. I can't figure out how to install the scripts needed to continue the tutorial. Can anyone offer any help? Thank you.
I'm facing the same problem
Impeccable timing, man. Just when I'm trying to learn firebase.
Be aware that this won't work with the Firebase modular (v9 and onwards) SDK: you don't get a firebase object globally available anymore, which was the case in the older Firebase "namespaced" (v8 and earlier) SDK. Instead, you import individual functions that you need from the Firebase SDKs.
Yeah, noticed that. How can i deal with this? I am a JS and in general a Web beginner. how can i access these objects and functions outside the script where i imported all these scripts?
You are literally the best channel for tutorials on stuff, thank you!
the way you code, like, the style of the code itself, its a piece of art. Thank you for the tutorial
This might be my favorite channel on UA-cam! I love EVERYTHING about it! Thanks Jeff!
Thanks!
Crisp. Informative. Comprehensive. Great video, Fireship!
You made me realize how easy it is to make a full stack application with Firebase. I'm excited with what I can do with that knowledge. Thanks c:
Awesome video on the basics of Firebase. The source code in the description was also helpful!
5:32 I just get two errors. "Uncaught TypeError: Failed to resolve module specifier "firebase/auth". Relative references must start with either "/", "./", or "../"." and "Uncaught ReferenceError: firebase is not defined
at app.js:1:13" I don't know why this is. Maybe "firebase" isn't a global variable? If this is so, how do I make it a global variable?
Anyway, Jeff, you have become my favorite tutor on UA-cam. You are event better than Traversy Media right now since the content quality dropped by random contributors by a lot :-/. Keep it going!
Thanks
Thanks a lot - your videos more clear than original firebase documentation. Thumbs up!
Loved it! Can't wait for the Flutter-Firebase one!
Can you please consider making an updated version of the video? A lot has changed
learned a ton in a short period of time, this is what I need!
I was almost daily checking ur channel in case i missed a new video... it feels really good to see u back .
Great video so far, keep up the good work ❤
that's amazing!! strongly recommend this video for everyone who want to teach firebase
Great to see you back buddy! Loved the in depth video you made about firebase. Would be waiting for a React tutorial by you, since I really like your youtube videos.
This channel has one of the best quality content 🏆
I had 0.1% belief that your video will be the 1 notification in my notifcation box.
Welcome back!
Cant wait to see those intro-videos you've mentioned!
AGREED! @Fireship - Did any of those ever get done?? Specifically "Firebase with Svelte"?? I can't seem to find them. 😞
U are the only one who does the best tutorials =]
WELCOME BACK :D
Love you man
So happy to see you back.
Welcome back, more tutorial about firebase, storage, function, etc , thanks
hello, this video is 2 years old, I want to follow this because it's clear and concise. I was wondering if most topics covered here about Firbase are still applicable?
Can't wait for Firebase with React :)
this would be too dope! Next + Firebase by fireship! 🔥🔥
Easy man
Thank you, this couldnt have come at a more perfect time... working on a React app and I'm going to use Firebase for the backend
same
Thank you Jeff for an excellent comprehensive beginner tutorial on Firebase and it is good to see you back. I just wondered the other day where you had got to!
I was missing your videos 😀.
WELCOME BACK! 🔥
if I am a Traffic cop, I would be giving a ticket to you for speeding :) good tutorial
I hate traffic cops!
The legend returns!!
I still didn't find the drawbacks of firebase, am I missing it or is it just actually so good?
The only thing I found is that we will be so attached with Firebase on our production, if one day they suddenly change their policies or pricing that are not suitable with our business, it would be a real pain to migrate all of the code to a new service or just to deploy it on premise
On reason of many, having it's own server is just a question of security, some companies that have very sensitive data , will not opt for firebase
from what ive heard in the past (may have changed, haven't checked recently) firebase has a generous free tier but expensive pricing as your app scales up. therefore its good for hobby/personal projects but for projects that need to be able to be scaled extensively, relying on other services (ie. aws) is preferable
Firebase is way too expensive at scale and the Firestore support for higher logic queries is just not existing. So if you rely on some logic to aggregate your data or have heavy read/write loads, it's just not as good.
Dope tutorial, thank you so much ! I was going to waste a lot of time implementing my regular nodejs jwt authentication !
Your thumbnails for all videos are awesome
The only tutorial that i can enjoy
Great tutorial! And congratz on hitting 400k, totally deserved fan base 💯
Great to see you back, brother. Keep it going ❤️
Can we have a new version of this video for firebase 9? 🥺
I'm late replying to your comment, but I just released a video version of this awesome tutorial with Firebase 9...
ua-cam.com/video/YPgb7g8is2w/v-deo.html
can we please get a newer version of this? there's so many errors popping up and i cant seem to fix it. "firebase is not defined" keeps popping up when u say to console.log(firebase)
Good to see you back!
I'm glad that you're back :)
Ah still the best tutorials on UA-cam and more, awesome
Glad to see another video good to see fireship back love your videos
Fireship videos make my day
4:00 the snippet says to add the script to the body of an html document but you put it in the head. Is there any reason for this?
Really amazing content in just 25 minutes 🔥🔥 feeling good to find your channel🤩
Thank you for this awesome explanation ,I was following step by step but I couldn't find the available libraries !! I wonder where I can find those links to apply them in my app
If you put this dude on 0.75 speed, It sounds just as normal as any other tutorial. And if someone has an issue with serverTimestamp, correct syntax is "firebase.firestore.FieldValue.serverTimestamp()"
You should open a media company for us developers !!!
I seriously enjoy watching your videos as much as I like watching T.V.
An update for Firebase 9 and using the recommended javascript modules would be cool... Thanks for the tutorial.
AGREED - the code is severely outdated. TWO hours later, and I am still only at 5:40. 😖
I am curious, how does having your own VPS or dedicated server compare to having your app be on services like Firebase? What are the pros and cons of either?
I would also like to know this!
If you have your own VPS that means you have to maintain it (update nodejs update Nginx and other software) you will also need to maintain your DB if you host that there. Besides that, you will need to scale it when it gets more traffic, buy more CPU power add more ram, etc if you decide to scale vertically. With Firebase you don't have to take care of any of that. I will think the main disadvantage it cost more when you scale with firebase (but at the beginning, it will likely be cheaper even free), and also you don't have control of the software of your own server (in the vps you can use whatever you want, node PHP, MySQL Mongo, in Firebase you are stuck with Firestore etc).
Having your own server or VM gives you virually full flexibility in terms of technology at the cost of having to design and maintain all of it yourself. With Firebase, both scaling up and scaling down is handled for you automatically, which can be cheaper if the load is relatively small compared to your stack specs and more expensive if you are using your servers efficiently, which can be hard.
This needs a serious update with version 9 sdk.
Right? Are you coming from one of his paid courses too?
This has been one day that Firebase and Fireship have knee-capped out of the gate for me...
this tutorial doesn't seem to be working for me. when I put the code in the script tags in index.html I get this error:
Uncaught SyntaxError: Cannot use import statement outside a module`
and when I move it to a new file and reference it under
I been searching this on your website, thank you for this
Thanks for great content! Please make one about React - Firebase 🔥
Why is this channel so underrated?
This is a great video and it's straight to the point.
4:02 they are showing different code. I don't see things in it.
It's actually great video, One Stop Solution for all Firebase Questions!
Firebase is blowing my mind!
wow.. waiting for firebase and flutter. I'm glad that you are back ..
You make concepts so easy to understand. Thanks for making videos! 😁👍
OMG I built instab.io in under 2 weeks with your awesome product 🙌🔥🙌
**video ideas for you**
react + firebase full mini project tutorial
redux in 100 seconds
firebase storage in 100 seconds
docker in 100 seconds (probably already on your list)
csv (comma seperated values) in 100 seconds
sass (the scss syntax) in 100 seconds
firebase analytics tutorial
how u make such good thumbnails tutorial **very important**
how u edit so well **also very important**
microsoft excel in 100 seconds
google charts tutorial
more typescript stuff **also very important**
hope this helps :D
i gave up and thought ud never come back. thank god
Back at it again with a straight banger
About 11:55 when I try to run my code with the auth it says firebase.auth is not a function I have followed the instructions to a tee all the script src etc. is in the head of the index.html ?
Had the same issue. Solved it by replacing onAuthStateChanged to onIdTokenChanged 🔥
Awesome video Jeff 💖 🔥 Make a complete series on firebase!
Thanks a lot man, u ar an amazing teacher!!!
Awesome video, Jeff! Thank you for this!
Your videos are always amazing and on point 🎯
Thanks for sharing 🙏🏾
Another outstanding video! Thanks a million. Would you be able to do a video on cookies: what cookies Firebase requires, how to allow users to configure their preferences, how to prevent them being set before user consents (European law), what cookies Facebook uses for Facebook login, etc.
This is exactly the help I needed, thanks man. 💯
A couple weeks ago your videos on firebase helped a lot. Can you make a video on firebase storage . And a video for firebase with express.
I was waiting for a video for a very long time since you didn't uploaded any video for a long time
Thanks Shaun & Brad :) Amazing work...!!!
Finally, god I missed you so much!
This is very timely for a project I am working on! Thank you! Will be waiting on the Firebase for Flutter video(s?)
thank you for the video, but when i create my own firebase app, and put the code into index.html, console.log(firebase) says firebase is not defined, does anyone know why? :/
The tutorial is out of date a bit, and the code firebase provides you during setup is slightly different. I made some changes to the tag and was able to follow the rest of the tutorial. I shared the tag from my index.html in a different comment on this video.
YAY you're back!
Hey, I m curios on 19:08 , if you should be storing user id as a string or reference it to the actual user id document.
Good question. Using it as the doc ID is useful when you have a 1 to 1 relationship, but this was a 1 to many.
@@Fireship Oh yeah, i made sense now.
please give strapi a try, the workflow is really similar, but you host the backend, it's great if you don't use much of the firebase's services or just tryna run something small locally.
also, I've just used cloud functions on my project, the spark plan unfortunately doesn't support node v10 freely as its runtime, and the supported (by changing the engine in package.json) node v8 will be deprecated on march next year. So, using it while it lasts. other than that tutorials everthing up to now is still on point.sorry for the long essay, cheers for your future videos.
Great explanation and great editing! Thank you!
That 90's style 😍
at 4:42 I couldn't find CDN links of libraries how do I add those? now it's just import statements
Go to the source code link in the description and copy the CDN links from his code.