Let's learn about Firebase via these 82 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.
Firebase is a platform developed by Google for creating mobile and web applications. It matters for providing a comprehensive suite of tools, including real-time databases, authentication, and hosting, simplifying backend development for developers and accelerating app creation.
1. How to Deploy a React Application With Firebase Hosting
In this blog, I am going to discuss how we can deploy react applications within a few minutes by using Firebase.
2. Using Firebase Authentication with the Latest Next.js Features
A comprehensive, step-by-step guide on integrating Firebase Authentication with Next.js using the zero-bundle size next-firebase-auth-edge library.
3. Creating a custom Listview using the Firebase Realtime Database in Flutter
A couple of weeks ago I started learning flutter and set out to create a Cookbook. This article explains the procedure of creating a Listview for the main feed of the cookbook in detail. The data is not stored locally, but on my all-time favorite Realtime Database of Firebase.
4. How to Set Up Firebase Authentication with React
Tutorial on how to add Firebase Email/Password authenticaion to a React application leveraging React Router.
5. User Authentication in Android using Firebase (Java)
Firebase is a mobile(Android or iOS) and web application development platform. It provides a suite of cloud-based tools and services offered by Google
6. How To Implement localStorage or Firebase Firestore into your JS project
I am a great reader, I love books and I try to read as much as I can, no matter the topic, whatever, fantasy, comedy, sci-fi, educational...Books take me to another world, they make me feel, make me think, make me relax and make me disconnect from the day by day schedule. I cannot live without them.
7. Building Shared Access Shopping Cart With Angular & Firebase
Retail illustration by Sail Ho Studio
8. How To Publish Flutter Apps to Firebase App Distribution
Learn how to distribute your Flutter Android and iOS apps to Firebase App Distribution with this step-by-step Flutter App guide for mobile
app developers
9. How to Stream Real-time Changes With Firebase, Firestore and Flutter
Use streams to update real-time changes in firebase in a Flutter app.
10. Firebase, SendBird or Socket.io: What's Best To Build A Chat App
Chat solutions can be split into two categories: ready-made chat platforms and technologies for exchanging data between client and server. Which one to choose?
11. Set up a Flutter app and Implement Google Sign-In Using Firebase
How to set up a Flutter app and implement Google sign-in using Firebase.
12. How to Build a Smooth Authentication Flow System with Firebase
This tutorial involves going through a step-by-step guide on how to set up the Firebase authentication service, and then a walk-through of how to implement it.
13. How To Build a WhatsApp Clone in React Native: Beginner’s Guide [Part 2]
A Non-Comparable WhatsApp Clone made using react-native (Expo) and Firebase
[14. What are the benefits of using Firebase for your Mobile App? Faster and Better
As you start planing to develop your Mobile app, One of the question that arises in many peoples mind is that what to use for backend of App? or What to use to store the data of App like users data or any other type of data that app needs to function.
15. Authentication in React with Firebase
16. How to Build an Instagram Clone App With React Native
It's time you take your web development to the next level. You need to start developing mobile apps and if you ain’t there yet, start building to get started.
17. How to Build a Newsletter Application with Email Automation via ReactJS and Firebase
NB: I saw I had this tutorial in my draft for close to 2 years now, I just decided to post it.
18. How to Detect Language and Translate text in Android with Firebase ML Kit
Detect Language and Translate text in Android with Firebase ML Kit
19. The Step-by-Step Guide to Deploying Your Next.js App to Firebase Hosting
In this tutorial, I’ll show you how to deploy a full-stack JavaScript web app into Firebase. We’ll deploy a Next.js application to Firebase hosting.
20. Creating a Todo App with NextJs & Firebase
Hey devs, welcome to this tutorial; we will build a real-time Todo App with React, NextJs + Firebase.
21. How To Deploy Multiple Sites to Firebase Hosting using GitHub Actions
Welcome back! We will learn how to automate the deployment of multiple sites to Firebase hosting using GitHub Action in this tutorial. GitHub provides a freemium (free for open source) CI/CD tool that is integrated with their repository.
22. How to Use React Native to Build a Private Messaging App
In this tutorial, you will learn how to use; ReactNative, CometChat, and Firebase to build a one-on-one chat app with a stunning UI.
23. Build a Fully Functional Youtube Clone Using Firebase, FFmpeg, And React. Part 1
An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React
24. Firebase Authentication with Email and Password in Flutter
Make use of Firebase Cloud Functions and Firestore to Authenticate in Flutter. SingInWithEmailAndPassword, HTTP Callables and Trigger, and more.
25. Fetching Places From Google Maps with Flutter
Find out how to fetch nearby places with different establishment types from Google Maps Places API in Flutter.
26. Firebase Studio: Everything You Need to Know About
Firebase Studio is a free, browser-based tool from Google that allows you to build full-stack web apps with AI assistance.
27. How To Set Up Firebase Passwordless Authentication With A React Web Application
A tutorial describing the steps to implement Firebase passwordless authentication with a React web application.
28. How a Beginner Created and Deployed a WebApp in 4 Days
How I created and deployed a WebApp in 4 days after learning to code.
29. Building a Private Messaging Chat App with React-Native: An Essential Guide
In this tutorial, you will learn how to use React Native, Firebase, and Expo-CLI to create a private messaging chat app.
30. How to Make Whatsapp Clone in React Native: A Beginner’s Guide [Part 1]
How I made a WhatsApp Clone using react-native (Expo) and FireBase.
31. Building a Fully Functional Youtube Clone Using Firebase, FFmpeg, And React [Part-2]
An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React
32. How to Migrate Your Android App From Google Analytics to Firebase
Adding Firebase to Project
33. Access User Location with Permission Handler in Flutter
Use location and permission handler packages to access user location. With that location fetch different location information from google maps.
34. The Good Things, and the Not So Good Things, About Working With Firebase
Most of the developers have heard for Google’s product called Firebase. It’s, how Google says “mobile platform that helps you quickly develop high-quality apps and grow your business.“. It’s basically a set of tools that most developers will need when building an app. In this article I’ll go over these tools, and point all the things you need to know if you choose to use Firebase.
35. [Minimizing Startup Costs] We Built our Own Email Marketing App in 4 Weeks
Thanks to Hiten Shah who generously reviewed an early draft of this article.
36. Build a LinkedIn Chat Clone with React Native and Firebase
This tutorial was put together with the help of ReactNative, Firebase, CometChat, and CometChat.
37. Firebase Pagination Using StartAfter() and Nextjs
Firebase v9 Paging with StartAfter() + Nextjs 13.x.x
38. Firebase Played Us!
My email had the solution all this time! Upon checking my email after days of stagnation on this issue, I found a notification email from Firebase.
39. Setup a GraphQL API for a Firebase Realtime Database With StepZen
The Firebase Realtime Database is a NoSQL database in the cloud. It doesn't have a GraphQL API, but it has a REST API that you can convert with StepZen.
40. How I Built a Vendor Stall for Small Businesses to Sell Goods Online in Three Weekends
You can build an enterprise-grade app with low-level knowledge thanks to the myriad of robust services covering every aspect of a web product’s needs. In this article, I explore how I built an app over a couple of weekends in lockdown with not a lot of work.
41. An Open Source Starting Point For Abstracting Common Backend Tasks
Appwrite Is a New Open-Source Backend That Strives to Make Programming Less Painful
42. Tutorial For Supabase And Next.js Fans On How To Build A Slack Clone
Creating a Slack clone with Supabase and Next.js
43. Deploying a Website on Firebase and Using It for Free: A Guide
Not long ago, I wrote a post titled "How to Improve Website Performance Scores from 35 to 100". In that post, I promised to show you how to deploy your project
44. Building A Flutter Video Sharing App With Firebase Storage, HLS & Client-Side Encoding [Tutorial]
45. How to Deploy React JS Applications for Free on Firebase
In this article , I’ll take you through all the steps involved in deploying a your React app on firebase.
46. Flutter Tutorial for Beginners | All In One
The tutorial is a complete guide for beginners on flutter app development from installation and setup to state-management and firebase as backend services.
47. Tutorial: Geotagtext, a Free Geotagging Web Application
Geotagtext is a free demo webapp that uses geolocation to make make geotagging easy. This tutorial shows how to use Heroku, Mapbox, Firebase, to make it happen.
48. TwNFT - Mint your tweets as NFTs easily and for free
In this post, I introduce TwNFT, an application that lets you mint your tweets as NFTs easily and for free and explain how it works and how I made it.
49. Why Appwrite 0.8 Is A Great Open-Source Firebase Alternative
Announcing Appwrite 0.8 with JWT authentication, ARM support, Anonymous Login, new storage capabilities and many more new features.
50. We Kinda Bypassed Firebase's Paywall: Here's How
Some time ago, a few friends and I decided to build an app. We duck-taped our code together, launched our first version, then attracted a few users with a small marketing budget.
51. How to Design Screens & Widgets In Flutter
In this blog, we will create new card buttons, that'll be displayed in the grid view. Each button UI will take the user to a sub-page like Events, Temples, etc.
52. How to Connect Firebase to Flutter SDK on Cloud and Local Emulator
Find out how to connect Firebase to Flutter SDK on clouds and on a local emulators suite. Connect Firestorage, Firestore, and Functions with Flutter SDK.
53. Top 3 Databases Every New Developer Should Know
Most new developers wonder which database is suitable for their project since they don't want to get off on the wrong foot. So, first and foremost, let's define a database. A database is a type of storage facility that electronically stores and organizes data so that it may be utilized and accessed later.
54. Here's What I Made: Chat Progressive Web Application
Check out this chat progressive web app made with React Firebase and NodeJS it has push notifications , you send audios images or texts and a lot more features.
55. 64 Stories To Learn About Firebase
Learn everything you need to know about Firebase via these 64 free HackerNoon stories.
56. All the Firebase Functions you Need to Build Your Next Serverless Application
Build your own CRUD application by leveraging Firebase's Firestore JavaScript SDK.
57. How to Build Landmark Recognition App with React Native and Vision AI
In this article, we cover the second part of our two part series. We will create a React Native application that makes use of the Firebase Cloud Function that we created in the first part. Here I will cover building the application in detail. If you want to skip ahead to the finish line, the full code is available here.
58. How To Use Firebase Machine Learning Kit
There changed into a time when gaining knowledge of and enforcing device learning changed into no longer an smooth task. And if we talk about implementing the device getting to know inside the cellular devices then it turned into now not possible most effective due to the fact the execution of the heavy algorithm desires heigh computing power. But as we know, mobile generation has grown exponentially in the past few years.
Firebase is one of them. It has recently announced a new characteristic that's Firebase Machine Learning package. In this tutorial, I will explain everything approximately it in detail. I will also show you a way to Integrate the Firebase system getting to know package to your android app.
59. Easily Scale Real-Time Updates with Firestore: A Maintenance-Free Alternative to WebSockets
Discover how to leverage Firestore’s built-in real-time listeners as a maintenance-free, scalable alternative to WebSockets and polling.
60. Web Push Notifications for Javascript Apps Using Firebase
A tutorial on integrating Firebase Cloud Messaging to a Javascript app to turn on push notifications in a browser
61. A Beginner-Friendly Guide to Phone Authentication With FirebaseUI in React
How to implement phone number authentication in your React app using Firebase and FirebaseUI. This step-by-step guide covers setup, OTP handling, reCAPTCHA, etc
62. Building a Fully Functional Youtube Clone Using Firebase, FFmpeg, And React [Part-3]
An exact clone of youtube with all functionalities from View count to Subscribe to everything (Without Youtube Api) Using Firebase, FFmpeg, And React
63. Google I/O 2022: Key Announcements For Developers
Google I/O 2022, Google’s annual developer conference, has just wrapped up. And it was huge! Check out the overview of mayor announcements and news.
64. Good and Not So Good Things With Firebase
Most of the developers have heard for Google’s product called Firebase. It’s, how Google says “mobile platform that helps you quickly develop high-quality apps and grow your business.“. It’s basically a set of tools that most developers will need when building an app. In this article I’ll go over these tools, and point all the things you need to know if you choose to use Firebase.
65. Everything I Learnt From Landing My First Paid Client
I look at some of the challenges (and wins) I had after landing my first paid client.
66. How To Make an Image Uploading App Using Vue, Quasar, Firebase Storage and Cordova [Part 2]
What we’re building
67. Next.js Authentication Made Easy with Firebase
Set up secure authentication in your Next.js app with Firebase. Follow this step-by-step guide to quickly integrate Google and Email/Password sign-in methods.
68. How to Migrate From GCM To FCM
Reinforcing Google’s decision made about deprecating the Google Cloud Messaging on 11th April 2019, everyone is required to migrate from GCM to FCM to ensure smoother push notification to the subscribed users. And, the migration part requires seamless efforts and technical expertise to carry out. So, this blog will unfold all the terms pertaining to GCM to FCM migration
69. How I Improved My Website Performance Score from 35 to 100
Discover the steps I took to skyrocket my website performance score from 35 to a perfect 100. Learn about leveraging Next.js, optimizing images, choosing the ri
70. Introduction to Appwrite and the Svelte SDK
Appwrite is an open-source backend-as-a-service server that abstracts and simplifies complex and repetitive development tasks behind a very simple REST API
71. How To Make an Image Uploading App Using Vue, Quasar, Firebase Storage and Cordova [Part 1]
What we’re building
72. Connecting Unity3D Google SignIn Module with Android/IOS Games
73. Everything From Rookie Mistakes to a New Feature: My Passion Project's Wildest Week
My passion project has completely hijacked my brain, and I wouldn't have it any other way.
74. Next.js: Firebase Authentication and Middleware for API Routes
Recently I made a small web app that requires user accounts. I learned quite a bit about setting up authentication with Firebase on the client-side and using it on the server-side to protected API routes with a middleware pattern similar to Express.js. This post is a recap of what I learned based on this project for future reference. You can find the code for this project on GitHub here.
75. The Best Error Ever: Firebase Errors for Humans
I'm working on a system for positive behavioral recognition and metrics using Firebase and React. This is a hobby/side project that I work on usually on nights and weekends.
76. Adding Firebase Analytics to a Gatsby Project: A Beginner's Guide
In this article, I’ll show you how to add Firebase Analytics to a Gatsby project the correct way.
77. Setting Up a Custom Domain and Claiming a Free SSL Certificate on Firebase
How to easily set up a custom domain with free SSL on Firebase. Secure your website and enhance your online presence with step-by-step instructions.
78. I Didn’t Know How to Code. But I Knew What We Needed: An MVP
Non-developer builds an MVP in 2 weeks with AI and no-code tools. A story of urgency, curiosity, and how small teams can move faster.
79. Get Better at Using React Library And Continuous Deployment
How To Master React Library And Continuous Deployment
80. Vibe-Coding Civic Infrastructure: How I Built a Municipal Event Manager in One Weekend
This is a blueprint for how modern AI tools can solve 'contextually complex' government problems in a fraction of the time of traditional GovTech vendors.
81. Refi App Allows Devs to Get Through 4 Firestore Issues at Once: Learn More
Refi App - A tool to make developer less painful when interacting with Firestore DB
82. A Guide To Launching Battle-tested Apps For Engineering Teams
A detailed guideline of how engineering teams can plan for a big public launch.
Thank you for checking out the 82 most read blog posts about Firebase on HackerNoon.
Visit the /Learn Repo to find the most read blog posts about any technology.