SUPERCHARGE Your Web App! | FIREBASE Intro | Add FIREBASE FIRESTORE DATABASE to an Angular WEB APP

Опубликовано: 15 Март 2025
на канале: Small Batch Devs
2,179
40

In this episode, we introduce you to Firebase, the super awesome backend as a service by Google. We also integrate one of Firebase’s database services, Firestore, into our angular blog application! Firebase can supercharge your application very quickly as it is very easy to implement and comes packed with features.

Top Firebase Features and some videos we've made on them:
Firebase Authentication (    • Firebase Authentication | Add Log In ...   )
Firebase Firestore ( This Video! )
Firebase Cloud Functions (    • FIREBASE CLOUD FUNCTIONS INTRO in 202...   )
Firebase Hosting (    • DEPLOY APP to Firebase | GO LIVE with...   )
Firebase Real Time Database

Check out our Podcast!
https://open.spotify.com/show/36eNV2m...

To follow along with the blog application check out our Github repo at: https://github.com/smallbatchdevs/3-B...

Firebase website:
https://firebase.google.com/

Firestore Database Documentation:
https://firebase.google.com/docs/fire...

@angular/fire library:
https://github.com/angular/angularfire

Check out our website for more great tutorials and content!
https://smallbatchdevs.com

KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Twitter:   / smallbatchdevs  
Instagram:   / smallbatchdevs  
Facebook:   / small-batch-devs-112906707036301  
Twitch:   / smallbatchdevs  

Check out all our Github Repositories for these episodes:
https://github.com/smallbatchdevs

00:00 Intro
00:12 What is Firebase?
01:10 Why use Firebase?
01:38 Firebase Firestore Database Overview
02:50 Create New Firebase Project
03:30 Firebase Console Overview
03:40 Initialize Firebase Firestore
04:17 Firestore Console
04:56 Firebase CLI & Installation
06:00 Install AngularFire
06:20 Run Firebase Init
07:22 Generate Firebase App Keys
08:57 Implement Firestore Calls - Code Montage
10:20 Code Explanation
11:38 Code Montage
13:00 Code Explanation
14:34 Demo
15:23 Firebase Realtime Updates Demo
16:06 Outro

This video also helps address these questions:
What are firebase apps?
Can firebase be used for websites?
Can firebase host websites?
Why firebase is used?
How firebase works.


#firebase
#firestore
#webdevelopment

Music Credit: LAKEY INSPIRED
Track Name: "GOLDEN DAYS"
Track Name: "MONROE"
Track Name: "STREET NIGHTS"
Track Name: "THE DREAMER"
Music By: LAKEY INSPIRED
Official SoundCloud   / lakeyinspired  
Official YouTube Channel:
   / @lakeyinspired  
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0)
https://creativecommons.org/licenses/...
Music promoted by: Chill Out Records @ https://goo.gl/fh3rEJ
www.ChillOutMedia.com / www.LoFi-HipHop.com