With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 TypeScript Firebase Projects
-
Semantic search demo
-
Project mention: How I use Appwrite Databases with Pinia to build my own habit tracker | dev.to | 2024-04-14
If you haven't tried Appwrite, make sure you give it a spin. It's a open source backend that packs authentication, databases, storage, serverless functions, and all kinds of utilities in a neat API. Appwrite can be self-hosted, or you can use Appwrite Cloud starting with a generous free plan.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
react-starter-kit
The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
Project mention: Major Update to React Starter Kit: Welcome Joy UI and Jotai! | /r/reactjs | 2023-12-04Your Feedback Matters Your feedback is crucial for the continuous improvement of the React Starter Kit. Please try out the new version and share your thoughts and experiences. If you encounter any issues or have suggestions, feel free to open an issue on GitHub or join our community chat on Discord. We're excited to see the amazing applications you'll build with these new features! Happy coding! https://github.com/kriasoft/react-starter-kit
-
Project mention: Ask HN: How Can I Make My Front End React to Database Changes in Real-Time? | news.ycombinator.com | 2024-04-17
I'm interested in this problem also!
I think there is a large overlap with projects that market/focus on offline-first experiences.
AFAIK this problem can be solved by:
1) Considering a client-side copy of the database that gets synced with the remote DB. This is an approach [PowerSync](https://www.powersync.com/) and [ElectricSql](https://electric-sql.com/) and [rxdb](https://rxdb.info/) take!
-
Project mention: No Firebase App '[DEFAULT]' has been created with Angularfire and Firebase storage | /r/Firebase | 2023-10-05
More info is here on the GitHub page issue that I created.
-
Project mention: Database Review: Top Five Missing Features from Database APIs | dev.to | 2023-09-14
Hasura ❌ (technically yes with Nhost)
-
laf
Laf is a cloud development platform offering ready-to-use resources like cloud functions, databases, and storage. It empowers developers to quickly unleash their creativity.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
rowy
Low-code backend platform. Manage database on spreadsheet-like UI and build cloud functions workflows in JS/TS, all in your browser.
View on GitHub
-
material-kit-react
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
-
// public/firebase-messaging-sw.js // Give the service worker access to Firebase Messaging. // Note that you can only use Firebase Messaging here. Other Firebase libraries are not available in the service worker. importScripts('https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js'); importScripts('https://www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js'); // Initialize the Firebase app in the service worker by passing in your app's Firebase config object. // https://firebase.google.com/docs/web/setup#config-object firebase.initializeApp({ apiKey: 'api-key', authDomain: 'project-id.firebaseapp.com', databaseURL: 'https://project-id.firebaseio.com', projectId: 'project-id', storageBucket: 'project-id.appspot.com', messagingSenderId: 'sender-id', appId: 'app-id', measurementId: 'G-measurement-id', }); // Retrieve an instance of Firebase Messaging so that it can handle background messages. const messaging = firebase.messaging();
-
Project mention: Struggling to get persistent auth to work with Pinia + Firebase, logged out whenever I refresh? | /r/vuejs | 2023-08-23
This is what you need: https://vuefire.vuejs.org/
-
Project mention: firereact VS react-firebase-hooks - a user suggested alternative | libhunt.com/r/firereact | 2024-02-05
A little bit fatter in terms of size and not actively maintained.
-
ReactFire
-
Google has an Edge Network, but they push serverless functions like Cloud Run, which is also what version 2 of Firebase Cloud Functions use. Firebase Functions need a Version 3, which is built on the Edge. However, first Firebase, specifically firebase-admin would need to work on the edge. Google, who makes Angular, might then be able to compete better for deployment options. Cold Starts are terrible and should die IMHO, unless you have have specific use cases for them.
-
Hey I was just wondering what the main differences are between next-firebase-auth and next-firebase-auth-edge They seem incredibly similar and I decided to go with auth-edge, but I was wondering if anyone has experience with the other library and what the main differences are. I am unfamiliar with security and dealing with auth tokens inside the browser's cookies, so I would like to have a better understanding of these tools and the pros and cons. Thanks in advance!
-
-
Project mention: I made fetching and realtime framework – Firebase, GraphQL, axios and sockets | news.ycombinator.com | 2023-06-27
-
client-side-databases
An implementation of the exact same app in Firestore, AWS Datastore, PouchDB, RxDB and WatermelonDB
-
twitter-clone
Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage (by ccrsxx)
-
-
These three don't require any introduction, I think: https://www.robinwieruch.de/ https://kentcdodds.com/ https://www.joshwcomeau.com/
-
Project mention: Trying to update a array field in cloud firestore from appscript. | /r/Firebase | 2023-04-24
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2024-04-17.
TypeScript Firebase related posts
- AI Inference now available in Supabase Edge Functions
- Creating an OG image using React and Netlify Edge Functions
- Sites, 125M accounts, 1 Vulnerability
- Postgres/Supabase RLS Tips
- The State of Angular SSR Deployment in 2024
- Jumblie has a database!
- No more Mr. Open Source Guy
-
A note from our sponsor - SurveyJS
surveyjs.io | 17 Apr 2024
Index
What are some of the best open-source Firebase projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | supabase | 65,456 |
| 2 | Appwrite | 40,869 |
| 3 | react-starter-kit | 22,494 |
| 4 | RxDB | 20,520 |
| 5 | angularfire | 7,610 |
| 6 | nhost | 7,499 |
| 7 | laf | 6,726 |
| 8 | rowy | 5,659 |
| 9 | material-kit-react | 5,149 |
| 10 | firebase-js-sdk | 4,720 |
| 11 | vuefire | 3,791 |
| 12 | react-firebase-hooks | 3,531 |
| 13 | reactfire | 3,475 |
| 14 | firebase-admin-node | 1,571 |
| 15 | next-firebase-auth | 1,316 |
| 16 | firecms | 1,081 |
| 17 | hyper-fetch | 1,000 |
| 18 | client-side-databases | 840 |
| 19 | twitter-clone | 680 |
| 20 | action-hosting-deploy | 650 |
| 21 | nextjs-firebase-authentication | 643 |
| 22 | FirestoreGoogleAppsScript | 619 |
| 23 | fireorm | 538 |
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com