Top 23 TypeScript Firebase Projects
-
I haven't tried it but this discussion should help you - https://github.com/supabase/supabase/discussions/1067 Let me know how you go.. :)
-
Project mention: The realtime web: evolution of the user experience | news.ycombinator.com | 2022-05-09
You should check out RxDB. It applies realtime replication to an offline first storage. This means you even have less backend load compared to regular CRUD apps. Also you get multi-tab support for free where only one browser tabs runs the client-server connection.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
If anyone runs into the same problem, I fixed it here using by using https://github.com/angular/angularfire/issues/2979
-
// Import the functions you need from the SDKs you need import { initializeApp } from 'firebase/app'; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration const firebaseConfig = { apiKey: 'AIzaSyAnXkvMTXW9Mqq4wKgcq1IUDjd3mtemkmY', authDomain: 'demo.firebaseapp.com', projectId: 'demo', storageBucket: 'demo.appspot.com', messagingSenderId: '186441714475', appId: '1:186441714475:web:1e29629ddd39101d83d36e', }; // Initialize Firebase const app = initializeApp(firebaseConfig);
-
-
rowy
Rowy is an open-source low-code platform for your backend. Airtable-like UI for your database meets cloud functions workflows, all in your browser ⚡️✨ Code in JS/TS, use any NPM, API.
Project mention: Rowy - Airtable-like simplicity for managing your Firestore data, Opensource alternative to Airtable | reddit.com/r/programming | 2021-12-22 -
Use ReactFire! It's our official library for React and Firebase. It has a bunch of useful hooks that probably handle most of the actions you are looking to do.
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
Project mention: React-firestore-hooks to fetch database records from cloud firestore | reddit.com/r/codehunter | 2022-05-14
I'm trying to figure out how to use react-firebase-hooks in my react app so that I can simplify calls on my database.
-
-
-
client-side-databases
An implementation of the exact same app in Firestore, AWS Datastore, PouchDB, RxDB and WatermelonDB
-
Project mention: Full-stack react starter (Next.js, Firebase, TailwindCSS) | reddit.com/r/reactjs | 2021-11-16
A single Google search showed this one: https://github.com/rwieruch/nextjs-firebase-authentication
-
Despite my affords to plan my project conscientiously, I still forgot something important. The client needs to be able to update content on their own. I quickly found React-Admin, just to find out, it doesn't work with firebase 🎉 - shit. Luckily I found fireCMS, it's a great and easy-to-use CMS for react-apps and I like it. Still, the problem threw me off by weeks. This problem refers to my first two pieces of advice and for me, it just points out how important a good and completed preparation is. The advice is: Prepare your projects well, put effort into them, and write everything down that you need for this project!
-
Project mention: Google sheets API: How to find a row based on a unique cell value and return that range? | reddit.com/r/googlesheets | 2021-06-21
-
Project mention: Is there a way to convert GeoFireX (by Fireship.io) to be used for Firebase Realtime Database? | reddit.com/r/Firebase | 2021-06-01
I am building a geolocation-based firebase app that shows you the nearest posts around you. I am using the Firebase Realtime Database for storing my data, and recently I found out about this amazing library for Node.js called [GeoFireX](https://github.com/codediodeio/geofirex), but the problem is that this is specifically for Firestore and not for Realtime Database. I also cannot migrate my database to Firestore (because my pocket won't allow it). Is there a way to use GeoFireX for Realtime Database? if not, what are some of the ways I can achieve it? Any help is appreciated.
-
Project mention: The best and safest way to "backup" or export data from a firestore database? | reddit.com/r/reactjs | 2022-03-31
https://github.com/dalenguyen/firestore-backup-restore something like this.
-
Whenever a Pull Request is created we need to be able to quickly checkout the changes. Reading code diff is great, but sometimes you just need to tinker with the new version, test it on mobile, different browsers and OS. Cloud services are perfect for this case, they allow you to deploy the code temporarily and access it with a link from any device. We chose Firebase to host it for us and a Github action posts a link to the deployment as a comment in the Pull Request. It works like a charm and speeds up code reviews a lot. Read this article to set it up on your repository!
-
next-firebase-ssr
An Next.js example repo for building authenticated pages with Firebase Authentication, cookies, and getServerSideProps
It seems like you have a function to initialize firebase, so my next question is how you're initializing it. Normally, with an auth context provider, you'd want to export the app so you can call it in a component, like this.
-
In this example, we are going to use the Stripe Payment Extension updates, which will allow an enhancement of the Stripe Webhook events. In this example, we are going to focus on when a product has been created.
-
nodejs-auth
Implementation of node.js authentication with social login ✌️, user impersonation 💅, and no passport.js required 💁
Project mention: I am gonna lose my mind guys: Express and Passport | reddit.com/r/node | 2022-03-31 -
AngularMaterialFirebase
:fire: Full stack starter app with Angular 8, Material Design and Firebase (+ demo)
-
Project mention: How to solve Warning: React does not recognize the X prop on a DOM element | reddit.com/r/codehunter | 2022-03-20
I'm using a thing called react-firebase-js to handle firebase auth, but my understanding of react and of the provider-consumer idea is limited.
-
Most of the setup has been completed so now we can dive into some code. First, let's setup Firebase with Ionic-Vue. To do this we're going to need the capacitor community fcm package which can be found here. Once you've installed the package you'll need to go into Xcode and inside your project click on the AppDelegate file and import firebase like so:
TypeScript Firebase related posts
- Get current user firestore database
- SvelteKit endpoints and Supabase with RLS
- Just wondering who still uses Firebase for their side projects
- How To Build A Nuxt 3 Ionic Capacitor Starter App, Supabase Setup and Authentication
- What to do first
- Warrior Build pls
- React-firestore-hooks to fetch database records from cloud firestore
Index
What are some of the best open-source Firebase projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | supabase | 33,258 |
2 | RxDB | 17,440 |
3 | angularfire | 7,171 |
4 | firebase-js-sdk | 4,049 |
5 | vuefire | 3,250 |
6 | rowy | 3,071 |
7 | reactfire | 3,027 |
8 | react-firebase-hooks | 2,625 |
9 | fireship.io | 1,940 |
10 | firebase-admin-node | 1,304 |
11 | client-side-databases | 699 |
12 | nextjs-firebase-authentication | 583 |
13 | firecms | 531 |
14 | FirestoreGoogleAppsScript | 484 |
15 | geofirex | 440 |
16 | firestore-backup-restore | 406 |
17 | action-hosting-deploy | 384 |
18 | next-firebase-ssr | 350 |
19 | stripe-firebase-extensions | 262 |
20 | nodejs-auth | 238 |
21 | AngularMaterialFirebase | 231 |
22 | react-firebase | 201 |
23 | fcm | 189 |
Are you hiring? Post a new remote job listing for free.