Getting started with Firebase on the Web

In this episode, David and Seba teach you everything that you need to know on how to get started with Firebase on the Web.
Chapters:
0:00 - Introduction
0:35 - Creating a project
1:09 - Initializing a project with the Firebase CLI
2:38 - Installing the Firebase SDK
3:20 - Authentication
4:37 - Firestore
6:56 - Firestore Queries
8:50 - Security Rules
10:30 - Deploying to Firebase Hosting
10:53 - We are finished!
Resources:
Add Firebase to your JavaScript project → goo.gle/3BaduPz
Getting started with Firebase Hosting (and GitHub Actions!) → goo.gle/3LAZSVS
Trim your JavaScript bundles with Firestore Lite ​→ goo.gle/41Jb8VL
Deep dive into the new Firebase JS SDK design → goo.gle/40Oy9VU
Fewer cold starts, more features in Cloud Functions → goo.gle/3LkT2T8
Catch more Firebase Fundamentals → goo.gle/Firebase-Fundamentals
Subscribe to Firebase → goo.gle/Firebase
#FirebaseFundamentals

[@Firebase]

Subscribe for the latest → goo.gle/Firebase

[@thathurtabit]

I'm finding this a little hard to follow. The code is added and removed and it's not always clear if the voiceover is relevant to the code displayed - and some code is even off-screen. Is there a slower, more thorough introduction somewhere? 🤞

[@vitordeas]

it is hard to follow, it is not a proper tutorial, i think it is more a "feature display" than anything

[@personalquests]

I appreciate this video, as I have been facing challenges with dynamic links. I look forward to when this topic will be addressed.

[@rufatabbasov]

Please make CDN based videos along with NPM. For small web application projects. For beginners like me. Thank you. Firebase is a great tool. Keep making it easier to use.

[@hawarhekmat1174]

i have issues with firebase admin sdk for nextjs 13 latest beta api route it will call firebase initialize app two times which makes and error

[@vickoalan]

I got an issue while I was deploying a Fresh NextJs 13 to firebase

[@professionalman9449]

Hi, do you mind if I ask a question about firebase realtime database on JavaScript, please answer me.
When I want to paste SDK file on app.js
and then fetching the data from database it shows a type of error "Access to fetch from url origin has been blocked by CORS policy..."
What shall I do? please help me

[@3-ms9qh]

hi beautifull..do you know how to allow a user to post once on a base in real time..for every uid published on that base..thanks.😯😯

[@professionalman9449]

It also take other errors in console however I Registered it seems that error is about imports. That's very hard to do 😢

[@joshkautz]

Great video, David & Seba. Why did Seba say that Java needed to be downloaded and configured?

[@ban_droid]

he said java is not needed, they just doing sarcasm for android devs

[@davideast4360]

​@@ban_droid Java is needed for the Firebase Emulator Suite. But whenever you tell a frontend web developer to download Java they definitely ask why haha

[@matyaslorinczi4752]

Hello, at 4:20 you say if we run the code, but how do I do that?

[@Serg-vb6es]

Hi, you can try to run follwing command in hosting folder "npm run dev". I also didn't understand how to run this code, but I've got an error in the console "Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app)." and for resolving this issue I added rows " import { initializeApp } from "firebase/app"; const firebaseConfig = {/*your config*/} ; const app = initializeApp(firebaseConfig);". Config can be taken from web UI (for your application). Also guys from video forgot to mention about adding html button into "index.html" file ( I've added "Log in with Google" code just after )

[@jonathanFlores-kz5cv]

@@Serg-vb6es Thanks for the explanation! I got confused at this part and your comment helped me resolve the issue

[@minamichelle514]

It was really very brief and practical ...
Thank you for this great video
I want you to make a chat web application with firebase and react with (PUSH NOTIFICATIONS)
Cuz i can't find any video about push notifications for web

[@nomimirza1990]

Hi

[@da_stoaz]

Skipping necessary steps in a tutorial is not helpful

[@adrianrojasstanley9317]

Certainly not a beginners video...

[@TastelessOpinion]

No likey.... even if you try to make it "friendly", doesn't work. Too much info and it's not easy. I was trying to use your service, but this video made me quit. Thank you !

[@andreyb3685]

Please fix security rules
Working example is
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /users/{uid}/{document=**} {
allow read, write: if request.auth != null && request.auth.uid == uid;
}
}
}

[@professionalman9449]

It also take other errors in console however I Registered it seems that error is about imports. That's very hard to do 😢