docs/cloud.md
Upload JSON. Get a search API. Same fuzzy search you know.
Fuse Cloud turns your Fuse.js setup into a hosted search service. No infrastructure, no new mental model — if you know Fuse.js, you already know how this works.
Fuse.js works great until your dataset outgrows the browser — too many records, too slow on mobile, or multiple users need to search the same data. At that point, the options are Algolia, Elasticsearch, or Meilisearch — all powerful, all complex, all a completely different system to learn.
Fuse Cloud fills the gap: scale your search without switching your mental model.
import { FuseCloud } from "@fusejs/cloud"
const client = new FuseCloud({
publicKey: "pk_abc123",
index: "products"
})
const { results } = await client.search("iphone")
// → [{ id: "1", score: 0.02, item: { title: "iPhone 16 Pro", ... } }]
Same results format as Fuse.js. Same scoring. Same fuzzy matching.
| Fuse.js (local) | Fuse Cloud | Algolia / Meilisearch | |
|---|---|---|---|
| Setup time | Minutes | Minutes | Hours |
| Infrastructure | None | Managed | Self-hosted or vendor |
| Mental model | Fuse.js | Fuse.js | New system |
| Best for | Small datasets | Medium–large datasets | Large-scale search |
| Pricing | Free | Free tier + paid plans | Varies |
Free tier included. Paid plans for higher usage. Pricing details coming soon.
Fuse Cloud is in early development. Get early access and help shape what gets built.
<div class="cloud-signup"> <a href="https://tally.so/r/Zjz8qo" class="cloud-btn" target="_blank" rel="noopener">Get Early Access</a> <p class="cloud-note">Or share your use case in the <a href="https://github.com/krisk/Fuse/discussions/819">GitHub Discussion</a>.</p> </div> <style> .cloud-signup { margin: 2rem 0; text-align: center; } .cloud-btn { display: inline-block; background: #9066b8; color: #fff !important; font-weight: 700; text-decoration: none !important; border-radius: 20px; padding: 14px 40px; font-size: 1.15rem; transition: background-color 250ms; } .cloud-btn:hover { background-color: #a684c6; } .cloud-note { margin-top: 1rem; font-size: 0.9rem; color: #666; } table { width: 100%; } </style>