https://quickcoder.org/tags/firebase/ Recent content in Firebase on QuickCoder https://quickcoder.org/images/papermod-cover.png https://quickcoder.org/images/papermod-cover.png Hugo en xeladu Thu, 26 Jun 2025 00:00:00 +0000 https://quickcoder.org/posts/4-firebase-services-that-are-always-free/images/ Thu, 26 Jun 2025 00:00:00 +0000 https://quickcoder.org/posts/4-firebase-services-that-are-always-free/images/ <h1 id="introduction">Introduction</h1> <p>I have read more and more articles in recent months saying that Firebase is too expensive. While that might be true for some cases, it is not for others. In this article, I want to present 4 Firebase services that are always free.</p> <p>No credit card information, no bank accounts required, no usage limits. All you need is a <a href="https://quickcoder.org/posts/firebase-flutter-setup/">Firebase account and a Firebase project</a> to get started.</p> <h1 id="firebase-remoteconfig">Firebase Remote Config</h1> <p>📺 <a href="https://www.youtube.com/watch?v=%5c_CXXVFPO6f0">YouTube Tutorial</a></p> https://quickcoder.org/posts/how-to-implement-account-management-methods-with-firebase-authentication/ Tue, 27 May 2025 00:00:00 +0000 https://quickcoder.org/posts/how-to-implement-account-management-methods-with-firebase-authentication/ <h1 id="introduction">Introduction</h1> <p>In this article, we explore how to build a modern Flutter app with user authentication powered by Firebase Authentication. You’ll learn how to implement account management methods with Firebase Authentication in the most simple way. Check out the demo application and see how everything comes together.</p> <p>This article covers the following use cases with Flutter code examples for Firebase Authentication:</p> <ul> <li> <p><strong>Registration with email and password</strong><br> Users can create an account by providing an email address and a password.</p> https://quickcoder.org/posts/how-to-debug-firebase-analytics-events-from-a-flutter-web-app/ Sat, 15 Feb 2025 00:00:00 +0000 https://quickcoder.org/posts/how-to-debug-firebase-analytics-events-from-a-flutter-web-app/ <h1 id="introduction">Introduction</h1> <p>The Firebase Analytics Debug View is a handy tool to check what events your app sends in real time. However, it requires a bit of setup to work from a Flutter web app. Here is how to debug Firebase Analytics events from a Flutter web app.</p> <h1 id="setup">Setup</h1> <p>The initial step is to connect your Flutter app with your Firebase project. <a href="https://quickcoder.org/posts/firebase-flutter-setup/">Follow my guide</a> in case you haven’t done this yet.</p> https://quickcoder.org/posts/how-to-implement-double-opt-in-with-firebase-and-flutter/ Fri, 18 Oct 2024 00:00:00 +0000 https://quickcoder.org/posts/how-to-implement-double-opt-in-with-firebase-and-flutter/ <h1 id="introduction">Introduction</h1> <p>To comply with the <a href="https://en.wikipedia.org/wiki/General_Data_Protection_Regulation">General Data Protection Regulation (GDPR)</a> of the EU, the double opt-in process is the best way. It means that users need to confirm a registration with a secondary step. Usually, this is done by clicking a link in an email. In this article, I’ll show you how you can use Firebase to set up such a process. Let’s get started on how to implement double opt-in with Firebase and Flutter.</p> https://quickcoder.org/posts/how-to-monitor-your-mobile-apps-with-firebase-crashlytics/ Sat, 24 Aug 2024 00:00:00 +0000 https://quickcoder.org/posts/how-to-monitor-your-mobile-apps-with-firebase-crashlytics/ <h1 id="introduction">Introduction</h1> <p>Learn why your apps crash and why you get complaints from users. Here is how to monitor your mobile apps with Firebase Crashlytics. <a href="https://firebase.google.com/products/crashlytics/">Firebase Crashlytics</a> is a light-weight solution to get insight about why your users get app crashes and exception messages. It is part of the <a href="https://firebase.google.com/">Firebase cloud services</a>, but can be used for free and supports mobile apps.</p> <p>A dashboard shows you in detail your app metrics and allows inspecting reported crashes in detail. You get information about the exception, the exact line of code, and also the current stack trace at that time.</p> https://quickcoder.org/posts/how-to-backup-your-cloud-firestore-database/ Tue, 07 May 2024 00:00:00 +0000 https://quickcoder.org/posts/how-to-backup-your-cloud-firestore-database/ <h1 id="introduction">Introduction</h1> <p>Backups are underrated … until you really need them. So here is how to backup your Cloud Firestore database. Forget about external tools or self-written Cloud Functions and use the provided tools instead!</p> <p>I store quite a lot of stuff in Firestore, mostly for personal use. In the last months, I often thought about backups. But I have to admit … I am lazy when it comes to boring stuff. However, some of the data is really valuable and will be lost in case of a disaster. So I finally stopped doing cooler things and investigate backup solutions. Here is my approach on how to backup your Cloud Firestore database.</p> https://quickcoder.org/posts/firebase-firestore/ Thu, 21 Mar 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-firestore/ <h1 id="introduction">Introduction</h1> <p>In this article, I guide you through the setup steps for Cloud Firestore and show you how to use Firebase Cloud Firestore with a Flutter app. We take a look at CRUD operations, security rules, and some pitfalls to avoid.</p> <p>Firebase Cloud Firestore is a scalable NoSQL cloud database where you can store relevant data for your apps. It is very flexible and can be secured with access rules. You will learn ow to use Firebase Cloud Firestore with a Flutter app. In the following sections, we’ll talk about</p> https://quickcoder.org/posts/how-i-created-an-instagram-clone-with-flutter-and-firebase/ Wed, 13 Mar 2024 00:00:00 +0000 https://quickcoder.org/posts/how-i-created-an-instagram-clone-with-flutter-and-firebase/ <h1 id="introduction">Introduction</h1> <p>Learn how I created an Instagram clone with Flutter and Firebase. Fun fact: Creating the UI took the most time! However, it was really easy overall. Here is a deep dive for you!</p> <p>Instagram is a well-known app with hundreds of millions of users. The newsfeed with posts, likes, comments, and images is the main feature that stands out. I wanted to know what it takes to build a small app with those features. So here is how I created an Instagram clone with Flutter and Firebase.</p> https://quickcoder.org/posts/choose-the-best-data-storage-solution-for-your-flutter-app/ Tue, 12 Mar 2024 00:00:00 +0000 https://quickcoder.org/posts/choose-the-best-data-storage-solution-for-your-flutter-app/ <h1 id="introduction">Introduction</h1> <p>Learn how to choose the best data storage solution for your Flutter app between local storage, secure storage, or a cloud database. With this guide, they won&rsquo;t be any open questions about what&rsquo;s the correct approach for your app!</p> <p>Depending of what type of app you develop, you might need different data storage solutions. In this article, I’ll introduce various options for Flutter developers of how to manage data storage in your apps. Afterwards, you will be able to choose the best data storage solution for your Flutter app. The following topics will be covered:</p> https://quickcoder.org/posts/flutter-push-notifications/ Tue, 12 Mar 2024 00:00:00 +0000 https://quickcoder.org/posts/flutter-push-notifications/ <h1 id="introduction">Introduction</h1> <p>Using Firebase Cloud Messaging and Firebase Cloud Functions we can achieve this. Learn how to send push notifications with Firebase. This vital feature needs to be part of every app in today&rsquo;s world!</p> <p>Today we are going to focus on how to send push notifications from a Flutter app. Therefore <strong>Firebase</strong> will be used as it provides packages that can be used within a Flutter app. In this scenario, a push notification will be triggered and sent to your own device. Firebase offers some of its services only for paying users but they charge you for your usage. If you don’t use the services, you won’t be charged anything. So here is how to send push notifications from Flutter apps with Firebase to any device.</p> https://quickcoder.org/posts/how-to-use-flutter-image-picker-and-firebase-storage/ Fri, 08 Mar 2024 00:00:00 +0000 https://quickcoder.org/posts/how-to-use-flutter-image-picker-and-firebase-storage/ <h1 id="introduction">Introduction</h1> <p>Let’s have a look at how to use Flutter image picker and Firebase storage to save your images in the cloud. Create device-independent apps so that your users can always access their data!</p> <p>Saving images in the cloud is a convenient way to ensure that it is available on any device. In this article, I want to show you how to use Flutter image picker and Firebase storage to do exactly that. We will pick a file (or take a picture), upload it to Firebase Storage, and display it in our app. Let’s get started!</p> https://quickcoder.org/posts/how-to-enable-firestore-cache-in-flutter-web-apps/ Thu, 15 Feb 2024 00:00:00 +0000 https://quickcoder.org/posts/how-to-enable-firestore-cache-in-flutter-web-apps/ <h1 id="introduction">Introduction</h1> <p>Reduce database load and add offline capabilities to your apps. Here is how to enable Firestore cache in Flutter web apps. If you target Android or iOS, caching is enabled by default!</p> <p>In case you didn’t know yet: <a href="https://firebase.google.com/docs/firestore/manage-data/enable-offline">Firebase Firestore can be used offline</a> by enabling an internal cache. Your read and write operations work normally in offline mode and will synced with the database once the device is online again. This feature is enabled on Android and iOS by default. But for web apps you need to enable it yourself. Here is how to enable Firestore cache in Flutter web apps.</p> https://quickcoder.org/posts/firebase-extensions/ Fri, 02 Feb 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-extensions/ <h1 id="introduction">Introduction</h1> <p>Firebase allows installing various extensions to further increase functionality. Here is how to add new Firebase features with extensions. Instead of writing everything from scratch, you can pay some cents and use a plug and play extension from Firebase!</p> <p>Firebase Extensions is an easy way to enhance Firebase and your app with additional capabilities without having to implement them yourself. They help with <a href="https://extensions.dev/extensions/firebase/firestore-send-email">sending emails</a>, <a href="https://extensions.dev/extensions/firebase/firestore-translate-text">translating text</a>, <a href="https://extensions.dev/extensions/firebase/storage-resize-images">resizing images</a>, <a href="https://extensions.dev/extensions/google-pay/make-payment">making payments</a>, and other stuff. The possibilities are huge and it takes only minutes to set up these extensions. Instead of investing hours of development work to integrate 3rd parties into your app, look for an extension and save a lot of time!</p> https://quickcoder.org/posts/firebase-remote-config/ Fri, 02 Feb 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-remote-config/ <h1 id="introduction">Introduction</h1> <p>Here is how to control apps with Firebase Remote Config without the need to release a new update for your apps. You can also do A/B testing and create feature flags with this service!</p> <p>Wouldn’t it be great if you had some control over your apps after they are distributed via a store? You could disable a feature that still has flaws. Or your users could be part of a limited group of A/B testers. Or you might want to show a different ad banner in your app without releasing a new version. All these scenarios (<a href="https://firebase.google.com/docs/remote-config/use-cases">and many more</a>) are possible with Firebase Remote Config. I’ll show you how to set it up in Firebase and your app code. There will be a complete code example available at the end. Here is how to control apps with Firebase Remote Config from the backend.</p> https://quickcoder.org/posts/firebase-storage/ Fri, 02 Feb 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-storage/ <h1 id="introduction">Introduction</h1> <p>In this article, I’ll show you how to easily use Firebase Storage from your Flutter app to read and write data. Make your app cloud-ready with this guide!</p> <p>Firebase Storage is an object storage provider in the cloud to store and serve data. Possible scenarios include profile pictures for your users or documents like PDF files that are uploaded during a registration process. In this article, I’ll show you how to set it up, read and write data, and implement basic access control rules. Here is a list of the topics:</p> https://quickcoder.org/posts/firebase-hosting/ Fri, 02 Feb 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-hosting/ <h1 id="introduction">Introduction</h1> <p>Here is how to host your Flutter web app with Firebase Hosting. This article guides you through all the steps needed. This service is free of charge!</p> <p>Flutter apps are available for various platforms like Android, iOS, desktop systems, and also the web. With Firebase Hosting, there is an easy tool to deploy your Flutter web app and access it in a browser. This is a simple way to distribute apps to testers or automate the release process of new versions. Here is how to host your Flutter web app with Firebase Hosting.</p> https://quickcoder.org/posts/firebase-app-check/ Fri, 02 Feb 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-app-check/ <h1 id="introduction">Introduction</h1> <p>Here is how how to secure your Firebase backend with App Check. I’ll demonstrate the setup with a Flutter app. Don&rsquo;t let intruders make your bill go crazy!</p> <p>Securing your backend saves you a lot of trouble. Think about data loss or a huge bill at the end of the moment. Firebase provides its service App Check to greatly reduce the possibility of an attacker being successful. Here is how how to secure your Firebase backend with App Check.</p> https://quickcoder.org/posts/firebase-functions/ Wed, 31 Jan 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-functions/ <h1 id="introduction">Introduction</h1> <p>In this article, I will demonstrate how to work with Firebase Cloud Functions in Flutter apps in the most simple way. This is your entry into the world of cloud computing!</p> <p>Firebase Cloud Functions is a service from Google that enables you to execute code in the cloud. A major benefit is scalability. If your app has many users, you won’t have a bottleneck when using Firebase. I will show you how to work with Firebase Cloud Functions in Flutter apps in the most simple way. The following sub-topics will be covered in this article:</p> https://quickcoder.org/posts/firebase-auth/ Sun, 28 Jan 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-auth/ <h1 id="introduction">Introduction</h1> <p>Here is how to use Firebase Authentication in your Flutter app to authenicate your users without any effort. Don&rsquo;t bother building your own authentication service and use this proven service instead!</p> <h1 id="what-is-firebase-authentication">What is Firebase Authentication?</h1> <p>Firebase Authentication is a simple way to verify a user without having to worry about storing credentials. It supports a variety of login mechanisms and is easy to set up. You receive a complete registration flow for your users including mail confirmation and validation if desired. Before implementing an authentication process by yourself, consider using this option.</p> https://quickcoder.org/posts/firebase-flutter-setup/ Wed, 10 Jan 2024 00:00:00 +0000 https://quickcoder.org/posts/firebase-flutter-setup/ <h1 id="introduction">Introduction</h1> <p>Firebase is the perfect choice to add cloud capabilities to your apps. Here is how to create a Firebase project and link it with your Flutter app. Start your Firebase journey with this guide!</p> <p>Firebase is a lightweight app development platform of Google offering various services like databases, authentication, messaging, and many more. It offers SDKs for different programming languages and is well-documented. In this article, you&rsquo;ll learn how to create a Firebase project and link it with your Flutter app.</p> https://quickcoder.org/posts/how-to-log-in-from-a-flutter-web-app-with-a-microsoft-account/ Wed, 29 Nov 2023 00:00:00 +0000 https://quickcoder.org/posts/how-to-log-in-from-a-flutter-web-app-with-a-microsoft-account/ <h1 id="introduction">Introduction</h1> <p>Microsoft is a big player in the enterprise environment. So here is how to log in from a Flutter Web App with a Microsoft organization account. Once the setup is complete, it works flawlessly!</p> <p>You have a Flutter Web App (no Android or iOS) and need to add the possibility that users can log in with their Microsoft organization accounts. It sounds like a rather simple task but it took me quite a while to solve it. To save you the trouble, here is how to log in from a Flutter Web App with a Microsoft account.</p> https://quickcoder.org/posts/how-to-fix-firebase-hosting-errors-on-github/ Mon, 20 Nov 2023 00:00:00 +0000 https://quickcoder.org/posts/how-to-fix-firebase-hosting-errors-on-github/ <h1 id="introduction">Introduction</h1> <p>Firebase Hosting offers a neat feature to automatically deploy a web app to a preview channel when a new pull request is created on GitHub. With that feature, testers can verify changes and give constructive feedback while the productive web app is not affected. But without proper configuration, the GitHub Action can run into errors. So here is how to fix Firebase Hosting errors when using automatic deployment with GitHub.</p> https://quickcoder.org/posts/how-to-connect-data-between-different-firebase-services/ Fri, 08 Sep 2023 00:00:00 +0000 https://quickcoder.org/posts/how-to-connect-data-between-different-firebase-services/ <h1 id="introduction">Introduction</h1> <p>Firebase offers several services for storing data, including Firestore, Storage, and Realtime Database. However, it can be difficult to keep track of which data belongs together across service borders. Use my approach on how to connect data between different Firebase services. It has worked great for me in the past!</p> <h1 id="unique-indentifiers-uid">Unique indentifiers (UID)</h1> <p>When using Firebase Authentication, you get a UID per user. We can use this UID to identify corresponding data sets that belong to this user across services.</p> https://quickcoder.org/posts/ultimate-guide-for-working-with-the-firebase-console/ Wed, 19 Jul 2023 00:00:00 +0000 https://quickcoder.org/posts/ultimate-guide-for-working-with-the-firebase-console/ <h1 id="introduction">Introduction</h1> <p>The Firebase Console is the central hub for all Firebase services. Additionally, there are also some project management tasks that can be done with it.</p> <p>The ultimate guide for working with the Firebase Console explains everything you need to know about the following use cases:</p> <ul> <li> <p><strong>Adding apps</strong><br> Connect iOS, Android, Web, Unity, or Flutter apps to your Firebase project.</p> </li> <li> <p><strong>Removing apps</strong><br> Remove connected apps again.</p> </li> <li> <p><strong>Managing users</strong><br> Invite new people, change their roles, or remove them from the project.</p> https://quickcoder.org/posts/firebase-ai-extensions/ Mon, 10 Jul 2023 00:00:00 +0000 https://quickcoder.org/posts/firebase-ai-extensions/ <h1 id="introduction">Introduction</h1> <p>During the Google I/O 2023 developer conference, Google announced countless <a href="https://medium.com/gitconnected/new-firebase-features-introduced-at-google-i-o-2023-d7b7e572cc39">new features and changes for Firebase</a>. Several new AI-powered extensions have been published since then. Here is what the new firebase AI extensions can do for your apps.</p> <figure> <p><img alt="AI-powered extensions added to Firebase Extension Hub" loading="lazy" src="https://quickcoder.org/posts/firebase-ai-extensions/images/2023-07-10-21_42_49-Window.webp"></p> <figcaption> <p>AI-powered extensions added to Firebase Extension Hub</p> </figcaption> </figure> <h1 id="chatbot-with-palm-api">Chatbot with PaLM API</h1> <p>The Chatbot with PaLM API extension provides an AI-powered chatbot that can answer user prompts like ChatGPT. The extension uses Cloud Firestore and listens for new documents in a configurable collection. Once a valid document is available, the AI generates an answer via Cloud Functions and writes the result back to the document. This extension is useful for developers who want to add chatbot functionality to their apps without building the entire infrastructure from scratch.</p> https://quickcoder.org/posts/flutter-firebase-chat/ Fri, 31 Mar 2023 00:00:00 +0000 https://quickcoder.org/posts/flutter-firebase-chat/ <h1 id="introduction">Introduction</h1> <p>I built a WhatsApp clone with Flutter and Firebase in a few hours. Here is what I came up with.</p> <p>There are a ton of messaging apps available. Some well-known players are WhatsApp, Threema, Signal, and others. Apart from a messaging functionality, they provide many other features like group chats, file transmission, or data backup. In my little experiment, I tried to recreate the messaging feature that all apps use. My requirements were the following:</p> https://quickcoder.org/posts/firebase-url-shortener/ Sun, 12 Mar 2023 00:00:00 +0000 https://quickcoder.org/posts/firebase-url-shortener/ <h1 id="introduction">Introduction</h1> <p>Save coding time by using Firebase Extensions and create an URL shortening service in minutes! Here’s the full guide.</p> <p>With a few simple steps, you can build your own personal URL shortening service. All you need is a <a href="https://firebase.google.com">Firebase account</a> and a <a href="https://bitly.com">Bitly account</a>. The setup involves no coding. To test the service, we will write a small Flutter app.</p> <p>Firebase offers a variety of extensions. The major benefit is that you gain functionality without having to code anything yourself. I already wrote a detailed <a href="https://quickcoder.org/posts/firebase-extensions/">article</a> about it if you need more details.</p> https://quickcoder.org/posts/firebase-translation/ Tue, 03 Jan 2023 00:00:00 +0000 https://quickcoder.org/posts/firebase-translation/ <h1 id="introduction">Introduction</h1> <p>With Firebase Extensions you can build a simple text translation app that does most of the work for you.</p> <p>There are many ways to build a translation app. In this article, I am going to show you how to use Firebase for that task. A Flutter app will transmit the text to be translated to Firebase and display the final result. We will use <strong>Firebase Cloud Firestore</strong> and a <strong>Firebase Extension</strong> called <strong>Translate Text</strong> for this purpose.</p>