Add collaboration to any app with Fireproof. Live queries update your UI automatically when the database changes, and realtime sync means those changes can come from local or remote writers.
The database can be embedded in your browser, server, or edge function, and syncs using any cloud, with connectors for popular backend services like AWS, Netlify, and PartyKit.
The document database API will feel familiar. Queries use dynamic indexes, and the database can refresh your UI, as seen in the db.subscribe
call below, as well as the React liveQuery hook.
import { fireproof } from '@fireproof/core' const db = fireproof('music-app') await db.put({ _id: 'beyonce', name: 'Beyoncé', hitSingles: 29 }) db.subscribe(async () => { const topArtists = await db.query("hitSingles", { range: [30, Infinity] }) // redraw the UI with the new topArtists }) const beyonceDoc = await db.get('beyonce') beyonceDoc.hitSingles += 1 await db.put(beyonceDoc)
Jump to the docs site for JavaScript API basics.
Fireproof React hooks for live data avoid boilerplate and make building collaborative apps a breeze.
import { useLiveQuery, useDocument } from 'use-fireproof' function App() { const completedTodos = useLiveQuery('completed', { limit: 10 }) const [newTodo, setNewTodoData, saveNewTodo] = useDocument({type: 'todo', text: '', completed: false, created: Date.now() })
Read the step-by-step React tutorial to get started.
Compared to other embedded databases, Fireproof:
Deliver interactive experiences without waiting on the backend. Fireproof runs in any cloud, browser, or edge environment, so your application can access data anywhere.
Get the latest updates on our blog or join our Discord to collaborate. Read the docs to learn more about the database architecture.
Fireproof allows web developers to build full-stack apps. It's especially useful for:
With Fireproof, you build first and sync via your cloud of choice when you are ready, so it's as easy to add to existing apps as it is to build something new. Drop Fireproof in your page with a script tag and start sharing interactive data.
Fireproof is a great fit for code sandboxes and online IDEs, as you can get started without any configuration. This also makes it easy for AI to write Fireproof apps.
Get started with the React hooks:
npm install use-fireproof
or install the database in any JavaScript environment:
npm install @fireproof/core
The default build is optimized for browsers, to load the node build add /node
:
import { fireproof } from '@fireproof/core/node'
Add the database to any web page via HTML script tag (global is Fireproof
):
<script src="https://cdn.jsdelivr.net/npm/@fireproof/core/dist/browser/fireproof.global.js"></script>
Go ahead and write features, then connect to any cloud backend later.
Fireproof is a synthesis of work done by people in the web community over the years. I couldn't even begin to name all the folks who made pivotal contributions. Without npm, React, and VS Code all this would have taken so much longer. Thanks to everyone who supported me getting into database development via Apache CouchDB, one of the original document databases. The distinguishing work on immutable data-structures comes from the years of consideration IPFS, IPLD, and the Filecoin APIs have enjoyed.
Thanks to Alan Shaw and Mikeal Rogers without whom this project would have never got started. The core Merkle hash-tree clock is based on Alan's Pail, and you can see the repository history goes all the way back to work begun as a branch of that repo. Mikeal wrote the prolly trees implementation.
We love contributions. Feel free to join in the conversation on Discord. All welcome.
Dual-licensed under MIT or Apache 2.0
Add Package
deno add jsr:@fireproof/core
Import symbol
import * as core from "@fireproof/core";
---- OR ----
Import directly with a jsr specifier
import * as core from "jsr:@fireproof/core";
Add Package
npx jsr add @fireproof/core
Import symbol
import * as core from "@fireproof/core";
Add Package
yarn dlx jsr add @fireproof/core
Import symbol
import * as core from "@fireproof/core";
Add Package
pnpm dlx jsr add @fireproof/core
Import symbol
import * as core from "@fireproof/core";
Add Package
bunx jsr add @fireproof/core
Import symbol
import * as core from "@fireproof/core";