Best of Firebase2024

  1. 1
    Article
    Avatar of technodudeTechnoDude·2y

    You don't have to pay for web hosting if you know where to look.

    Discover top-notch resources for hosting your website for free, including Netlify, GitHub Pages, Heroku, Firebase, AwardSpace, InfinityFree, and TasteWP. These platforms offer a range of features from powerful serverless platforms to easy WordPress site creation, ideal for beginners and small projects.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    I built an AI tool to handle my mom's invoices and saved her 20 hours of work! 😲

    A developer built an AI tool that automates invoice processing for a small business, saving 20 hours of manual work. The tool uses Composio for retrieving emails and attachments, Nanonets for extracting data from PDFs, and Google Sheets for organizing the information. The project leverages technologies like GmailGenius, CrewAI, React, Firebase for authentication, and FastAPI for the backend, creating a streamlined solution for managing invoices.

  3. 3
    Article
    Avatar of hnHacker News·2y

    900 Sites, 125 million accounts, 1 vulnerability

    A misconfiguration in Firebase has led to hundreds of sites exposing around 125 million user records, including plaintext passwords and sensitive billing information.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Build a YouTube Clone with Flutter, Firebase, and Riverpod

    Learn how to build a YouTube clone app with Flutter, Firebase, and Riverpod. This course covers Firebase setup, user authentication, state management with Riverpod, Firestore database integration, user interface development, video upload and playback, and social features.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build a Full-Stack Kanban Task Management App With TypeScript, Next.js, Redux-toolkit, and Firebase

    Learn how to build a full-stack Kanban task management app using TypeScript, Next.js, Redux Toolkit, and Firebase. The tutorial covers implementing authentication with next-auth.js, configuring the Redux store, creating the app markup, integrating Firebase Firestore, adding initial data to the Firestore database, fetching and populating data, and implementing CRUD operations.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    I built a global chess board from scratch completely with Claude (NextJs & Firebase)

    A DevOps Engineer shares their experience building a global chess board app using NextJS, Firebase, and various other technologies. The key technologies and concepts learned include Firebase client, NextAuth.js, React hooks, and Stripe API. The author describes the process of using the LLM tool Claude for coding assistance and emphasizes the importance of understanding the code generated. The project showcases features like authentication, chessboard rendering, game logic, save and browse past moves, and Stripe integration for payments.

  7. 7
    Article
    Avatar of androiddevAndroid Developers Blog·2y

    Android Device Streaming, powered by Firebase, is now in Beta

    Android Device Streaming, powered by Firebase, allows Android developers to access real physical devices, such as the latest Pixel and Samsung devices, through Android Studio. It provides secure connections and familiar tools for testing and debugging apps on real OEM hardware. The service offers a catalog of devices with flexible pricing options, and future updates will expand device selection.

  8. 8
    Article
    Avatar of fluttersquadFlutter Developers·1y

    Article: Avoid Firebase. It's a trap

    Using Firebase for personal projects can be appealing due to its functionalities and free tier, but it may lead to unexpectedly high costs for indie developers with growing user bases. Alternatives to Firebase are suggested for those starting new projects.

  9. 9
    Video
    Avatar of aaronjackAaron Jack·1y

    I Coded A REAL App with AI in 60 minutes! (Cursor, Claude AI)

    The post details the process of building a full app using Cursor, an AI code editor, within 60 minutes. The app focuses on identifying social media influencers from customer lists for better influencer marketing. It involves setting up Firebase for database and authentication, integrating Stripe for payments, and significant problem-solving around code generation and deployment. Key points include the importance of detailed specifications for AI-generated code and the challenges of debugging and finalizing app functionality.

  10. 10
    Video
    Avatar of communityCommunity Picks·2y

    Full Stack Flutter, Firebase and Riverpod – Build a YouTube Clone

    Learn how to build a fully functional YouTube clone using Flutter, Firebase, and Riverpod. The tutorial covers various features including Google sign-in authentication, uploading and displaying videos, profile customization, and more. The username validation functionality ensures that unique usernames are used. By the end of the tutorial, you will have a good understanding of Flutter, Firebase, and Riverpod.

  11. 11
    Article
    Avatar of hnHacker News·2y

    szimek/sharedrop: Easy P2P file transfer powered by WebRTC

    ShareDrop is a web application inspired by Apple AirDrop, enabling peer-to-peer file transfers without utilizing servers, leveraging WebRTC for security and Firebase for presence management. It facilitates file sharing within the same network and across networks via unique URLs. It works on various browsers and can be deployed using Ember CLI and Heroku.

  12. 12
    Article
    Avatar of pandProAndroidDev·1y

    Design User Authentication System in Android App

    Designing a user authentication system in an Android app is crucial for ensuring security, personalization, data integrity, and access control. The post covers various authentication methods including password-based, biometric, and two-factor authentication, along with third-party services like Firebase Authentication, Google Play Integrity API, and Auth0. It provides detailed implementation guides for integrating these services into Android apps and discusses rate limiting as an essential security measure.

  13. 13
    Video
    Avatar of fireshipFireship·2y

    Rookie Firebase mistake nearly destroys Arc browser

    Arc browser recently faced a serious vulnerability due to misconfigured Firebase security rules. A hacker could have executed CSS and JavaScript on any website via the browser, potentially causing significant harm without the user visiting a malicious site. The issue has been patched swiftly after being reported by a security researcher. The problem was traced back to improperly managed Firestore rules which allowed user IDs to be changed, leading to potential security breaches.

  14. 14
    Article
    Avatar of appwrite_sourceAppwrite·2y

    Rethinking password security: say goodbye to plaintext passwords

    Storing passwords in plaintext poses significant security risks and vulnerabilities. Alternatives to plaintext passwords include password hashing and passwordless authentication. Appwrite provides multiple authentication methods to combat plaintext passwords.

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    How to implement push notifications in React Native (Android)

    Learn how to implement push notifications in a React Native Android app using OneSignal. Steps include setting up a Firebase project, configuring OneSignal, and adding necessary code and permissions in the React Native app. OneSignal offers features like segmentation, automation, and A/B testing, making it a powerful tool for user engagement.

  16. 16
    Article
    Avatar of firebase-developersFirebase Developers·2y

    Gemma2 Tutorial: Local LLM Development with Genkit

    Google's open-source LLM, Gemma2, can be run locally using Ollama. This step-by-step guide explains how to install Gemma2, create a Genkit project, and integrate it with Ollama Gemma2. The process involves installing appropriate packages, configuring Genkit, and writing a sample flow to handle requests. The setup is efficient enough to be accomplished in around 30 lines of code.

  17. 17
    Article
    Avatar of telerikTelerik·2y

    Nuxt 3 Server Components Rock

    Server Components in Nuxt 3 allow you to generate pure HTML and CSS without loading client-side JavaScript. While still experimental, they offer significant advantages for non-interactive components and can be mixed with client components using feature flags and specific setups. The post includes a detailed guide on setting up these components using Firebase for data fetching and Tailwind for styling, and explains how to integrate server and client components together.

  18. 18
    Article
    Avatar of habrhabr·2y

    Easy Authentication for Next.js project with Firebase

    Learn how to set up authentication in your Next.js project using Firebase. This step-by-step guide covers creating a Firebase project, enabling authentication methods like Google and Email/Password, configuring your Next.js app, and building a login component. Source code examples are provided to help you protect your pages and manage authentication state across your application.

  19. 19
    Article
    Avatar of communityCommunity Picks·2y

    A Graph-Based Firebase

    The post describes the creation of 'Instant,' a graph-based successor to Firebase aimed at solving common database issues faced by UI engineers. It integrates features like relational queries, authentication, permissions, optimistic updates, and reactivity, using a triple-store database that transpiles to Datalog. The post discusses the constraints and design decisions leading to the development of Instant, which supports complex relations, offline-mode, and multiplayer functionalities, overcoming limitations seen in Firebase, Supabase, and Hasura.

  20. 20
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    My Browser Got Hacked

    A user shares their experience of their browser, Arc, being hacked due to a Firebase security vulnerability. The hacker, known as Eva, exploited Arc's use of Firebase for authentication and boost features, allowing arbitrary JavaScript to run on any user's browser by manipulating the Creator ID. Despite initial shortcomings, Arc responded by increasing the bug bounty, moving off Firebase, and implementing stricter security measures.

  21. 21
    Article
    Avatar of itnextITNEXT·2y

    The Challenges of Building a Simple Chat App with Flutter and Firebase

    Building a simple anonymous chat app with Flutter and Firebase turned out to be more challenging than expected, taking over two months to complete. Key challenges included choosing the right database, presenting anonymous users, handling disconnections, auto-scrolling message lists, purging old messages, and adjusting to device languages. The project involved using Firebase's features like Realtime Database for cost efficiency, Local Emulator Suite for development, anonymous authentication, and time synchronization. Solutions also included using emojis for user avatars, implementing atomic increments, and enhancing the web app for better user experience.

  22. 22
    Article
    Avatar of devtoDEV·1y

    🔐 Top 3 Best authentication Frameworks for 2025 🗝️🧰

    Discover the top 3 best authentication frameworks for 2025: Clerk, SupabaseAuth, and Better Auth. Clerk offers user management and customizable components, SupabaseAuth provides multiple authentication methods and database integration, and Better Auth is a framework-agnostic library with extensive features and a plugin ecosystem.

  23. 23
    Article
    Avatar of medium_jsMedium·2y

    Best Firebase Tools for Your Mobile Application

    Building mobile applications can be challenging, especially for startups with limited resources. Firebase offers a comprehensive suite of tools that simplify tasks such as authentication, push notifications, real-time databases, and more. These tools allow developers to focus on core product features rather than backend infrastructure. Firebase's no-cost plan makes it an attractive option for enhancing services without high costs. Its features include easy integration for authentication, efficient push notification systems, real-time data synchronization, app distribution, crash reporting, and performance monitoring.

  24. 24
    Article
    Avatar of flutterFlutter·2y

    Flutter and Dart at Google Cloud Next

    The Flutter team attended Google Cloud Next for the first time, partnering with teams across Google Cloud, Firebase, Very Good Ventures, and Serverpod. They showcased fast development with Firestore, Cloud Run, and Flutter; intelligent app development with Flutter, Firebase, and Gemini; full-stack Dart development with Serverpod; live coding a Flutter app with Firestore; developing full-stack apps and games with Flutter, Dart Frog, and Gemini; and how to use Dart Frog and Google Cloud to share code. They also highlighted Firestore Vector Search support and extension launch, as well as the private preview of Vertex Gemini Dart SDK for Flutter and Dart developers. They encouraged developers to share what they're building with Flutter and Google Cloud.

  25. 25
    Article
    Avatar of codewithandreaCode with Andrea·1y

    API keys storage: Client or Server?

    Security is crucial when building mobile or web apps. It's important to know which API keys should be stored on the client and which on the server. The post provides guidelines for making this decision and includes additional resources for in-depth guidance on securing API keys and best practices for Firebase Cloud Functions.