Examples

Learn by example - working implementations you can copy and adapt.

Planned Examples

Quick Start Example

Minimal example to get you started (5 minutes).

What you’ll build:

• Basic sync server (10 lines)
• Simple React client (20 lines)
• Working offline-first app

Blog Application

Complete blog with posts, comments, and real-time sync.

Features:

• User authentication
• CRUD operations
• Relationships (post.author, post.comments)
• Real-time updates across tabs
• Optimistic UI
• Offline support

Tech Stack:

• Server: Fastify + Prisma + Redis
• Client: React + TypeScript + Vite
• Database: PostgreSQL

Real-Time Chat

Collaborative chat with typing indicators and presence.

Features:

• Real-time messaging
• Typing indicators
• User presence
• Message history
• Offline message queue

Collaborative Editor

Google Docs-style collaborative editing.

Features:

• Operational transformation
• Conflict resolution
• Real-time cursors
• Offline editing with sync

E-Commerce Cart

Shopping cart with inventory sync.

Features:

• Product catalog
• Cart management
• Inventory tracking
• Order processing

Platform Examples

React Native

Full React Native implementation with OP-SQLite.

Web App

Web app with better-sqlite3.

Electron

Desktop app with better-sqlite3.

Advanced Examples

Custom Database Adapter

Implementing DatabaseAdapter for MongoDB.

Multi-Tenant

Workspace isolation and organization switching.

Testing

Unit and integration tests with MockSyncServer.

When Available

These examples will be added to the GitHub repository  as they’re completed. Follow the roadmap for updates on example availability.

For now, refer to:

• Quick Start guide - Working minimal setup
• Server Setup guide - Complete server examples
• Client Setup guide - Complete client examples