--- title: Best Firebase posts of 2023 | daily.dev description: The most upvoted Firebase posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/firebase/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/firebase/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best Firebase posts of 2023 | daily.dev og:description: The most upvoted Firebase posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Firebase — 2023 1. 1 [](/posts/8-react-projects-to-build-in-2023-zqodnj6ua "8 React Projects to Build in 2023") Article freeCodeCamp · 4y 8 React Projects to Build in 2023 8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them. 541 34 2. 2 [](/posts/build-a-whatsapp-clone-realtime-chat-using-next-js-socket-io-tailwind-css-node-js-express-and--18ruqxvkn "Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma") Article DEV · 3y Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone. 297 18 3. 3 [](/posts/how-to-add-real-time-post-notifications-to-your-react-applications-usgpfzkgf "How to Add Real-time Post Notifications to Your React Applications") Article freeCodeCamp · 3y How to Add Real-time Post Notifications to Your React Applications How to add Real-time Post Notifications to your React app, that updates the user when someone likes or comments on your thread? You must know React and Firebase in order to proceed with the things explained below. If you want to build a social media application, simply refer to the videos below. 108 5 4. 4 [](/posts/code-and-deploy-an-instagram-clone-with-react-and-firebase-s7ehxbvjt "Code and Deploy an Instagram Clone with React and Firebase") Article freeCodeCamp · 3y Code and Deploy an Instagram Clone with React and Firebase Learn how to create an Instagram clone using React and Firebase. The course covers both front-end and back-end development, including authentication, user interactions, and advanced functionalities. By the end of the course, you'll have a fully functional Instagram clone to showcase your skills. 61 1 5. 5 [](/posts/how-to-build-a-real-time-chat-app-with-reactjs-and-firebase-rozd8ow-i "How to Build a Real-time Chat App with ReactJS and Firebase") Article freeCodeCamp · 4y How to Build a Real-time Chat App with ReactJS and Firebase In the app, we will allow the user to log in with their Google account using Firebase's Google sign-in Authentication. We will also store and retrieve all the chatroom messages using Fire Base's Cloud Firestore. You should have Node.js installed on your system and know how to use the command terminal. 48 11 6. 6 [](/posts/low-code-backend-on-google-cloud-and-firebase-g43webgbi "Low-code backend on Google Cloud and Firebase") Article Community Picks · 3y Low-code backend on Google Cloud and Firebase A brand new way to build backend workflows visually. Join the early users cohort to give feedback. Dynamically create images by injecting data from your database. 27 7. 7 [](/posts/how-i-built-an-event-ticketing-system-with-next-js-and-firebase-vx7ncpkti "How I built an event ticketing system with Next.js and Firebase") Article DEV · 3y How I built an event ticketing system with Next.js and Firebase Learn how to build an event ticketing system using Next.js and Firebase. The tutorial covers authentication, creating events, managing attendees, and sending event tickets via email. 26 3 8. 8 [](/posts/full-stack-development-in-project-idx-zv3zgnevq "Full-stack development in Project IDX") Article Google Developers · 3y Full-stack development in Project IDX Project IDX is a browser-based development experience that aims to simplify full-stack app development by addressing challenges in backend development in a web-based environment. It provides features such as simplified frontend-backend communication and secure, self-contained testing environments. 22 9. 9 [](/posts/a-simple-task-app-built-with-react-native-um9ppcdfq "A simple Task App built with React Native") Article React Native Example · 3y A simple Task App built with React Native A simple Task App built with React Native Errand A Simple task-app created to remind yourself of a daily objective in your aimless life. The Project Built With Getting Started is a project to recall basic concepts of react, react hooks, create-read-update-delete operations in databases. 20 10. 10 [](/posts/build-a-to-do-application-with-react-and-firebase-j2li-tmln "Build a To-Do Application with React and Firebase") Article Community Picks · 4y Build a To-Do Application with React and Firebase The Firebase Console serves as the backend as a service database that helps us store and manage our data. In this article, you will learn how to build a to-do web app by making use of React.js and Firebase Database. Watch the video version of this article below, or on my YouTube channel. 19 2 11. 11 [](/posts/supabase-blog-open-source-firebase-alternative-blog-9hlah9vlo "Supabase Blog: Open Source Firebase alternative Blog") Article Supabase · 3y Supabase Blog: Open Source Firebase alternative Blog Supabase Beta October 2022 introduces new SDKs, quickstarts, Functions tricks, and announces the date for Launch Week 6. 18 12. 12 [](/posts/real-time-chat-app-built-with-react-native-yc9umercf "Real-time Chat App built with React Native") Article React Native Example · 3y Real-time Chat App built with React Native Real-time Chat App built with React Native React Native App AncaChat. Use to build native navigation using files in the expo-router directory. To run this app on your phone paste this in Expo Go app. 18 13. 13 [](/posts/yes-here-are-4-stacks-to-build-mvps-faster-in-2023-touguzgsn "Yes, here are 4 stacks to build MVPs faster in 2023") Article ITNEXT · 3y Yes, here are 4 stacks to build MVPs faster in 2023 The key to getting shit done is to build an MVP (minimum viable product) or an MLP (minimum lovable product) The faster you launch, the faster you can test your idea with users. Here are 4 stacks to build MVPs faster in 2023. 18 2 14. 14 [](/posts/sending-push-notifications-for-chat-messages-jvvgxw7ti "Sending Push Notifications for Chat Messages") Article Firebase Developers · 3y Sending Push Notifications for Chat Messages We will use Firebase Cloud Messaging FCM and Cloud Functions for Firebase to achieve this goal. In our app project, we need to add the Push Notification capability and configure the Firebase Messaging in the file. This is to tell FCM to send a notification whenever a change happens in our Firebase database. 17 15. 15 [](/posts/code-a-reddit-clone-with-react-and-firebase-1okly33rq "Code a Reddit Clone with React and Firebase") Article freeCodeCamp · 4y Code a Reddit Clone with React and Firebase The course will teach you how to code a Reddit clone using React, Firebase, Next.js, Chakra UI, and TypeScript. It's a great opportunity to learn and improve your coding skills and build a project that you can showcase to potential employers. Watch the full course on the freeCodeCamp.org YouTube channel. 17 1 16. 16 [](/posts/create-push-notifications-in-react-native-with-notifee-any7wnhvw "Create Push Notifications in React Native with Notifee") Article asayer · 3y Create Push Notifications in React Native with Notifee Learn how to use Notifee, a React Native library, to streamline push notifications for Android and iOS devices. Set up Notifee in your React Native app, create push notifications, group notifications, cancel notifications, style notifications, handle images within notifications, and send notifications with Firebase. 15 17. 17 [](/posts/how-to-set-up-social-media-web-authentication-using-firebase-qsrrs8iv7 "How to Set Up Social Media Web Authentication using Firebase") Article freeCodeCamp · 3y How to Set Up Social Media Web Authentication using Firebase The way users log in affects their overall experience and engagement with an application. The ability to log into web apps using social network accounts is a helpful advance in this area. Firebase serves as a comprehensive platform, providing developers with backend services and tools to create web and mobile applications. 15 18. 18 [](/posts/implement-in-app-notifications-with-nestjs-mysql-and-firebase-rfcqnvneu "Implement in-app notifications with NestJS, MySQL, and Firebase") Article LogRocket · 4y Implement in-app notifications with NestJS, MySQL, and Firebase Learn how to implement in-app notifications in a NestJS app using Firebase and MySQL. Set up Firebase Cloud Messaging, create a MySQL database, and send push notifications based on the database information. 15 19. 19 [](/posts/strapi-and-firebase----a-comparison-khh7obyvx "Strapi and Firebase -- A Comparison") Article asayer · 3y Strapi and Firebase -- A Comparison Strapi is an open-source headless CMS (Content Management System) that allows developers to create APIs quickly and easily. It has a user-friendly interface, allowing developers and content creators to manage content efficiently. Users can create new user accounts, edit and delete user accounts and assign roles and permissions to those accounts. 14 1 20. 20 [](/posts/learn-how-to-implement-user-authentication-in-firebase-with-javascript-n0far6blf "Learn How to Implement User Authentication in Firebase with JavaScript") Article Community Picks · 4y Learn How to Implement User Authentication in Firebase with JavaScript Learn how to implement user authentication in Firebase using JavaScript. Understand the benefits of using Firebase for authentication. Follow step-by-step instructions for installation, setup, signing in new users, logging in existing users, and signing out users. 14 2 21. 21 [](/posts/firebase-cloud-messaging-in-react-a-comprehensive-guide-bunodzc5r "Firebase Cloud Messaging in React: A Comprehensive Guide") Article Medium · 3y Firebase Cloud Messaging in React: A Comprehensive Guide Learn how to easily add push notifications to a React App using Firebase. This article provides a comprehensive guide on Firebase Cloud Messaging in React, including its benefits, setup instructions, notification permissions, registration token generation, configuring notification listeners, and testing push notifications. 13 1 22. 22 [](/posts/replacing-my-best-friends-with-an-llm-trained-on-500-000-group-chat-messages-0z3cagqu0 "Replacing my best friends with an LLM trained on 500,000 group chat messages") Article Hacker News · 3y Replacing my best friends with an LLM trained on 500,000 group chat messages A model trained on 500,000 group chat messages tl;dr: I trained an uncensored large language model on the college-era group chat that me and my best friends still use. The dataset for this project is, of course, my Group Chat, which has remained active over the past 7 years. 13 2 23. 23 [](/posts/backendflow---the-future-of-no-code-backend-development-li0fqb7io "Backendflow - The Future of No-Code backend development") Article Product Hunt · 3y Backendflow - The Future of No-Code backend development Backendflow is a no-code platform that gives Firebase apps superpowers. With AI-generated Cloud functions, cron jobs, webhooks and features like email, search, and GeoQuery, backend development has never been easier. 12 24. 24 [](/posts/deploy-to-vercel-with-a-github-action-x63gyv2b7 "Deploy to Vercel with a GitHub Action") Article Community Picks · 3y Deploy to Vercel with a GitHub Action 12 1 25. 25 [](/posts/best-practices-for-authenticating-using-firebase-ldi06yqrd "Best practices for authenticating using Firebase") Article Firebase Developers · 3y Best practices for authenticating using Firebase Learn about the best practices for authenticating using Firebase. Explore options such as anonymous authentication and federated authentication with trusted third-party providers. Discover the benefits of multi-factor authentication for added security. 11 [See all Firebase archives](/tags/firebase/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/firebase/best-of/2023#page","url":"https://daily.dev/tags/firebase/best-of/2023","name":"Best Firebase Posts of 2023","description":"The most upvoted Firebase posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/firebase/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/8-react-projects-to-build-in-2023-zqodnj6ua","name":"8 React Projects to Build in 2023"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/build-a-whatsapp-clone-realtime-chat-using-next-js-socket-io-tailwind-css-node-js-express-and--18ruqxvkn","name":"Build a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-add-real-time-post-notifications-to-your-react-applications-usgpfzkgf","name":"How to Add Real-time Post Notifications to Your React Applications"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/code-and-deploy-an-instagram-clone-with-react-and-firebase-s7ehxbvjt","name":"Code and Deploy an Instagram Clone with React and Firebase"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/how-to-build-a-real-time-chat-app-with-reactjs-and-firebase-rozd8ow-i","name":"How to Build a Real-time Chat App with ReactJS and Firebase"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/low-code-backend-on-google-cloud-and-firebase-g43webgbi","name":"Low-code backend on Google Cloud and Firebase"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/how-i-built-an-event-ticketing-system-with-next-js-and-firebase-vx7ncpkti","name":"How I built an event ticketing system with Next.js and Firebase"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/full-stack-development-in-project-idx-zv3zgnevq","name":"Full-stack development in Project IDX"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/a-simple-task-app-built-with-react-native-um9ppcdfq","name":"A simple Task App built with React Native"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/build-a-to-do-application-with-react-and-firebase-j2li-tmln","name":"Build a To-Do Application with React and Firebase"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/supabase-blog-open-source-firebase-alternative-blog-9hlah9vlo","name":"Supabase Blog: Open Source Firebase alternative Blog"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/real-time-chat-app-built-with-react-native-yc9umercf","name":"Real-time Chat App built with React Native"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/yes-here-are-4-stacks-to-build-mvps-faster-in-2023-touguzgsn","name":"Yes, here are 4 stacks to build MVPs faster in 2023"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/sending-push-notifications-for-chat-messages-jvvgxw7ti","name":"Sending Push Notifications for Chat Messages"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/code-a-reddit-clone-with-react-and-firebase-1okly33rq","name":"Code a Reddit Clone with React and Firebase"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/create-push-notifications-in-react-native-with-notifee-any7wnhvw","name":"Create Push Notifications in React Native with Notifee"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-to-set-up-social-media-web-authentication-using-firebase-qsrrs8iv7","name":"How to Set Up Social Media Web Authentication using Firebase"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/implement-in-app-notifications-with-nestjs-mysql-and-firebase-rfcqnvneu","name":"Implement in-app notifications with NestJS, MySQL, and Firebase"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/strapi-and-firebase----a-comparison-khh7obyvx","name":"Strapi and Firebase -- A Comparison"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/learn-how-to-implement-user-authentication-in-firebase-with-javascript-n0far6blf","name":"Learn How to Implement User Authentication in Firebase with JavaScript"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/firebase-cloud-messaging-in-react-a-comprehensive-guide-bunodzc5r","name":"Firebase Cloud Messaging in React: A Comprehensive Guide"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/replacing-my-best-friends-with-an-llm-trained-on-500-000-group-chat-messages-0z3cagqu0","name":"Replacing my best friends with an LLM trained on 500,000 group chat messages"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/backendflow---the-future-of-no-code-backend-development-li0fqb7io","name":"Backendflow - The Future of No-Code backend development"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/deploy-to-vercel-with-a-github-action-x63gyv2b7","name":"Deploy to Vercel with a GitHub Action"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/best-practices-for-authenticating-using-firebase-ldi06yqrd","name":"Best practices for authenticating using Firebase"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Firebase","item":"https://daily.dev/tags/firebase"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/firebase/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```