How to verify your users email address with Firebase Auth
Learn how to send an email verification link with Firebase authentication to your new users to verify their email addresses
Learn how to reset, refresh, or terminate your users auth sessions
Learn how to set different options for your users authentication sessions, to control how much their session can last
The Full Guide on how to use the Firebase Emulator for the Web
Learn how to set up the firebase emulator to use Authentication, Firestore, and CLoud Functions while developing your app 100% local.
Safely get the currently logged in user in your Firebase app
Learn how to use the onAuthStateChanged() function to safely get the currently logged in user as an observable
Learn how to find if a file exists in a Firebase Storage bucket
Use the get download URL function to find out if a file exists inside a Firebase Storage bucket
Trigger an SMS from your app with pre-filled text and number
Learn how to create a SMS link that your users can click and it opens the SMS application with the number and text already pre-filled
Resize your images without writing code with Firebase Extensions
Learn how to install ready-to-use Firebase Functions into your project to resize your images and create thumbnails
Quickly backup any collection on your Firestore database
Learn how to export (and re-import) data from your Firestore database quickly using your terminal
When to use Firebase HTTP vs Callable Cloud Functions
Learn the differences between Callable and HTTP Cloud Functions to understand when to use each different type
Build better forms in Ionic with autocomplete, helper text, and error messages
Improve forms to create a better experience for our users by adding helper text to fields that are prone to mistakes, add descriptive error messages, change the input types, and leverage the browser capabilities so that the users can auto-fill the data with their browser’s autocomplete
What is the difference between a BehaviorSubject and a regular Subject
Learn the difference between a BehaviorSubject and a regular Subject so that you can spot when you would want to use one vs the other.
Implement a Search Bar on your Ionic app to filter your data
Learn how to implement a Search Bar on your Ionic app to filter your Firebase data
Run functions inside of Angular templates
Did you know you can run functions directly in the Angular’s HTML template file?
Safely update properties in Firestore using transactions
Learn how to safely update properties without conflicts using Firestore transactions
Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
Learn how to solve the issue when your Angular component isn’t able to find a directive or another component is trying to use by adding that component or directive to your module imports array
Take pictures with the phone’s camera using Ionic and Capacitor
In this guide, you’ll learn how to use the native camera of your phone using Capacitor, works for hybrid apps and web apps as well
Learn how to Initialize Firebase in your Ionic app
Use the new modular Firebase SDK with AngularFire to reduce up to 80% of the size of your Firebase installation
Use Formly to generate your forms dynamically
Learn how to dynamically generate forms in your Ionic applications using Angular and Formly
Get the count of documents in a Firestore collection
Interested in knowing how many documents are in a collection? Since Firestore does not have a .count() option there are other things we can try
Learn how to install Firebase Extensions
Learn how to add firebase extensions to take care of backend functionality for your project
Step-by-step Guide: Setup an AngularFire Ionic Project
Learn how to set up angularfire in your Ionic projects
Building a CRUD Ionic application with Firestore
How to set up an Ionic and Firestore project. Dive into one of the most common things you’ll need to do, CRUD. You’ll be creating songs and pushing them to a list, you’ll show them in the app’s HomePage
Can someone create an account in my app even if I don’t have signup functionality?
Can someone put a script on my site or their site to create an account in my Firebase application even when I don’t have a signup form? Yes, they can, but Firebase does have locks in place for you to activate to avoid this from happening.
Firebase Phone Number Authentication
You can use Firebase Authentication to sign in a user by sending an SMS message to the user’s phone. The user signs in using a one-time code contained in the SMS message. By the end of this post, you’ll have a working authentication system using only the user’s phone number
How to use the async-await syntax in Ionic for Firebase calls
Learn how to use async-await syntax to handle Firebase data in Ionic and say goodbye to the ‘Cannot read property X of undefined’ error
Learn how to use Angular Guards to protect your pages in Ionic apps
Learn how to use Angular Guards in Ionic to only let authenticated users access your pages using Firebase Authentication
Learn How to Validate Forms with Ionic and Firebase (Client and Server Side)
You’ll learn how to validate your data with both Ionic Framework and Firebase
Role-based authentication with Ionic & Firebase
You’ll learn a bit about role-based authentication, and how to show or hide different part of your apps to different kind of users
Start building full-stack apps with Ionic & Firebase
Learn how to use Angular Guards in Ionic to only let authenticated users access your pages using Firebase Authentication
Firebase Cloud Storage Security
In this article we’ll go through how to set up Firebase Cloud Storage security rules to have full control over who uploads files to our bucket
How to secure your HTTP Cloud Functions
Learn how to build secure HTTP cloud functions where you are able to lock access to only your users and are able to identify which user does what in your function.
Generate temporal links for Firebase Storage files
Learn how to generate temporal links to share your files from Firebase Cloud Storage and set when you want them to expire
Issue with Firebase Hosting URL
Learn how to configure your URLs to avoid issues like redundant redirects and make it easier for your URLs to display their social cards
Add Firebase Storage Support to AngularFire
Have you tried to integrate Firebase Storage when using AngularFire in one of your apps?
Can I write my Cloud Functions in separate files?
Today you’ll learn how to refactor your Cloud Functions to separate them into multiple files
Copy the 5 hacks I use when building Ionic and Firebase mobile apps
Copy the 5 hacks I use when building Ionic and Firebase mobile apps
Firebase Authentication for Ionic Framework
In this guide, you’ll learn how to build a full authentication system for Ionic Framework using Firebase as your backend
Firebase Security Rules
Learn how to secure our Firebase database and Cloud Storage buckets
Firebase Transactions using Firestore
In this post, you’ll learn how to handle your Firebase data to update the database in a secure way so that you don’t lose information when multiple users are updating the same node
Handling Objects from Firebase within Ionic Framework
In this post, you’ll learn how to handle your Firebase data to create, read, update, and delete it from your Ionic app
How do I build a functionality that works both for mobile and web?
Today you’ll learn how to build functionalities that need native plugins but also work for the web. It’s going to be a short read, but I felt like writing it because a few people have asked me that question over email
How do I prevent a new user from login until they verify their email address?
I found out in the docs how to firebase.auth().currentUser.sendEmailVerification(), but what I can’t figure out if how to prevent the app from login in the new user until they have verified their accounts in the email sent to them
How MrCesar is using Ionic and Firebase to help students apply to college
Learn how MrCesar uses Ionic, Angular, and Firebase to help highschool seniors apply to college
How to connect Ionic & Firebase using the Web SDK
In this guide you’ll learn how to connect your Ionic app to Firebase using the JS SDK
How to convert my Ionic app into a PWA
In this article you’ll learn how to transform your Ionic or Angular application into a Progressive Web App (PWA) using the Angular CLI
How to get the document ID with AngularFire
Fetch a document ID even when it was not stored inside of the document using the latest AngularFire version
How to handle multiple firebase projects from the same Ionic app
Learn how to manage different environments (QA, DEV, PROD) for your Ionic and Firebase application
How to use Modals as detail pages
Today you’ll learn how to use modals in Ionic to display details about your data
Learn how to use FCM to receive Push notifications on Ionic Framework
Learn how to set up the Firebase Cloud Messaging Cordova Plugin to work with your Firebase app and handle the data from arriving notifications
Using Firestore with Angularfire
We learned how to CRUD data using Firestore, today we’re going to learn more about how everything works
Why does Firebase return undefined when fetching the uid?
Learn how to avoid calling your users before the authentication is ready
WTF is a Promise
In this article you’ll learn what a Promise is in JavaScript and the asyncronous nature of the language
Firebase Anonymous Login for Ionic Framework
Learn how to authenticate anonymous users with Firebase
Firebase Cloud Functions, (or running code on Firebase Servers!)
How to run server-side code with Firebase Cloud Functions
How to set up Firebase Emulator for local development
Set up your emulator to work with a local copy of your database and cloud functions
How to use Firebase Callable Cloud Functions with Ionic
Learn How to use Firebase Callable Cloud Functions with Ionic to move more code to your server
Use Firebase Cloud Functions to fetch an image and transform it to base64
Learn How to Use Firebase Cloud Functions for Image Manipulation
What is Capacitor, and where does it fit with Ionic Development?
For me, the easiest way to describe Capacitor was seeing it as a replacement for Cordova, but with the added benefit of having implementations not only for iOS and Android but also for the web
3 Things you can do right now to improve your Ionic and Firebase app performance
Today you’ll learn 3 things you can do right now inside your app to improve the performance.
Do you need to hide your Firebase API keys for Ionic apps?
Learn if and how you need to secure your firebase api keys
Learn How To Use Cloud Functions Triggers for Firestore
In this tutorial, we’re going to be exploring Firebase Cloud Functions to run code on Firebase servers. One of the main struggles when working with role-based authentication is allowing the admin users to create or invite people to their team
How to fix getting a blank page when trying to use Facebook login?
A blank page after login is a common problem when using Facebook as a sign-in method, especially when we’re in development mode
Ionic and Google Authnetication using Firebase
Learn how to set up Google plugin to create a login flow that uses the native Google account picker for Ionic Framework
Ionic Social Authentication using Firebase
Today we’re going to see how to get social login working on Ionic, in this example we’ll use Google Sign-In, but feel free to just change the provider to whichever you like without much extra work on your part
Ionic twitter login => A Step-by-step guide
In this article, you’ll learn how to set up the Twitter Connect plugin to create an authentication flow that uses twitter login in your Ionic apps