The /cloud page is one of Dexie's most important landing pages — it's where developers deciding on a sync/backend solution arrive. Currently, it's a functional but generic page that doesn't differentiate Dexie Cloud from competitors or communicate its unique value proposition clearly. This plan transforms it into a world-class product page that converts visitors into users.
Positive sentiment (from testimonials, GitHub discussions, npm):
- "Dexie Cloud gave Fablehenge a truly backendless experience" — Dusty Phillips
- "In just one year, I've single-handedly built a hybrid web and mobile application" — Bennie Forss
- "Within minutes, I had my application fully synchronized and authenticated" — Alba Rincon
- Active GitHub Discussions community with responsive maintainer (dfahlander)
- 11.8K+ GitHub stars on Dexie.js, trusted by 100K+ developers
- Weekly npm downloads of dexie-cloud-addon: ~550 (growing)
- Used by startups building real SaaS products (To-Do, Fablehenge, Routickr, Birdlist)
What developers search for:
- "offline first database", "indexeddb sync", "local first database"
- "offline sync javascript", "no backend required"
- "firebase alternative offline first", "real-time sync without backend"
- "how to build SaaS without backend", "SaaS-ify my app"
- "dexie cloud pricing", "dexie cloud vs firebase"
Pain points developers have (from HN, Reddit, GitHub):
- Fear of cloud vendor lock-in and surprise billing
- Complexity of building sync from scratch
- Firebase/Supabase complexity for offline-first
- State management fatigue (Redux, TanStack Query, etc.)
- Need for auth but hate setting it up
- Want to ship fast as solo developers or tiny teams
| Feature | Dexie Cloud | PowerSync | ElectricSQL | Firebase | Supabase |
|---|---|---|---|---|---|
| Offline-first by design | ✅ Core architecture | ✅ SQLite-based | ❌ Online-first | ❌ Online-first | |
| No backend needed | ✅ Zero backend | ❌ Needs backend API | ❌ Needs Postgres | ❌ Google infra | ❌ Postgres backend |
| Built-in auth | ✅ OTP + OAuth | ❌ BYOA | ❌ BYOA | ✅ Firebase Auth | ✅ Supabase Auth |
| Access control | ✅ Per-object realms | ❌ Sync rules only | ❌ Row-level security | ✅ Security rules | ✅ RLS |
| Y.js/CRDT support | ✅ Native integration | ❌ No | ❌ No | ❌ No | ❌ No |
| Self-hosted option | ✅ Node.js + Postgres | ✅ Open source | ✅ Open source | ❌ Google only | ✅ Docker |
| Client: IndexedDB | ✅ Native | ❌ SQLite WASM | ❌ PGlite | ❌ Custom SDK | ❌ REST/Realtime |
| SaaS-ready | ✅ Seats + subscriptions | ❌ DIY | ❌ DIY | ||
| Pricing model | Per-seat, transparent | Usage-based | Usage-based | Pay-as-you-go | Fixed + usage |
| Vendor lock-in risk | Low (self-host option) | Low | Low | High | Medium |
- The fastest path from idea to SaaS — Add
dexie-cloud-addon, configure, done. No backend to build. - True offline-first — Not an afterthought. The app works completely offline; sync is the bonus.
- Built-in user management — Auth + seats + access control + invitations out of the box.
- Y.js ecosystem — Rich collaborative editing (TipTap, tldraw, Monaco) with offline support.
- Per-object access control — Realms model is simpler and more powerful than row-level security.
- Predictable pricing — Per-seat model, no surprise bills. Free tier forever.
- Self-hostable — Buy the server software when you need full control.
- Solo developer / indie hacker — Wants to ship a SaaS ASAP without building a backend
- Small team (2-10) — Building a collaborative app, needs sync + auth + sharing
- Enterprise evaluator — Needs GDPR, self-hosting, scalability assurance
- Firebase/Supabase refugee — Frustrated with complexity, vendor lock-in, or billing surprises
- Existing Dexie.js user — Already uses Dexie locally, ready to add cloud features
Component: HeroWidget with contentRight (animated code snippet or visual)
Message: "Turn Your App into a SaaS in Minutes"
Sub: "Dexie Cloud adds sync, auth, and multi-user collaboration to your Dexie.js app. No backend. No complexity. Start free."
CTA: "Start Building Free" + "See How It Works"
Visual: TypeWriter cycling through "Sync · Auth · Sharing · Offline · Collaboration · SaaS"
Component: Brands (or custom stats bar)
Content: Key stats — "11.8K+ GitHub Stars · 100K+ Developers · Trusted by companies worldwide"
Custom section with 3 columns showing the pain of building SaaS the traditional way vs. the Dexie Cloud way:
- Traditional: Build API → Set up auth → Design sync protocol → Handle offline → Manage conflicts → Deploy infrastructure
- Dexie Cloud: Write your app → Add addon → Configure → Ship SaaS ✅
Component: Custom stepped code blocks (reuse from /product page pattern)
npm install dexie dexie-cloud-addon- Declare your database with cloud addon
- Configure cloud URL
- Your app now syncs, authenticates, and scales
Component: Benefits widget
Six capabilities:
- Automatic Sync — Two-way sync that just works
- Built-in Authentication — OTP + OAuth, no backend needed
- Access Control & Sharing — Per-object realms, roles, invitations
- Y.js & CRDT — Rich collaborative editing
- Cross-Platform — Web, Mobile (PWA, Capacitor), Desktop (Electron)
- Self-Hostable — SaaS or on-premises with full source code
Custom section — Visual comparison grid against common alternatives
- vs. Building your own sync
- vs. Firebase
- vs. Supabase
- vs. Other sync engines
Component: FeatureScreenshotWidget (reuse from homepage)
Slides showing:
- Login/Auth experience
- Sharing & collaboration
- Real-time reactive queries
- Account & payment integration
- Dashboard & analytics
Component: TestimonialsWidget
Longer, more impactful testimonials from real users building real SaaS products
Component: BlogPostsWidget
Show quickstart, Dexie Cloud Starter, and Svelte boilerplate
Custom section — Simplified pricing snapshot with link to /pricing "Start Free → Scale as you grow"
- Free: 3 users, 100MB
- Production: From €0.12/user/month
- Self-hosted: Full control
Component: FAQWidget
Targeted questions:
- "Do I need to build a backend?"
- "How does offline sync work?"
- "Can I use my own authentication?"
- "How does pricing work?"
- "Is it production-ready?"
- "Can I self-host?"
Component: CallToActionWidget or custom
"Ready to SaaS-ify Your App?"
Two CTAs: "Start Building Free" + "Talk to Us"
- Lead with the outcome — "Turn your app into a SaaS" not "Sync service for IndexedDB"
- Show, don't tell — Code examples, screenshots, real testimonials
- Address fears — No vendor lock-in, predictable pricing, GDPR-ready
- Make it feel easy — "Minutes, not months" — show how little code is needed
- Social proof everywhere — Stars, downloads, real companies, real quotes
- Clear comparison — Help visitors understand why Dexie Cloud vs alternatives
- Multiple CTAs — Never more than 1 scroll away from an action
- Reuse existing components:
HeroWidget,Benefits,TestimonialsWidget,BlogPostsWidget,FAQWidget,FeatureScreenshotWidget,CodeBlock,TypeWriter,CallToActionWidget - Custom sections for: Problem/Solution story, Comparison grid, Pricing preview, Stats bar
- Keep dark theme consistent with rest of site (black backgrounds, white/gray text, purple accents)
- Maintain existing metadata/SEO structure but update keywords for SaaS-focused audience
- Mobile-responsive throughout
| File | Action |
|---|---|
src/app/cloud/page.tsx |
Complete rewrite |
No new component files needed — we'll use existing components and inline custom sections.