DOCS EDITOR
PUBLISHED
NEXT.JS 16
TIPTAP
CONVEX
Timeline
2 WEEKS
Role
Lead Full Stack Developer
Team
Solo
Status
PUBLISHED
Overview
Docs Editor is a professional-grade, real-time collaborative platform designed for seamless document creation and editing. Built with a hybrid architecture, it leverages Liveblocks for ephemeral real-time state and Convex for persistent structured data.
Key Features
- •Real-Time Collaboration with Yjs Sync
- •Advanced Rich Text Formatting with Tiptap
- •Live Cursor Tracking and Presence Indicators
- •Secure Org-based Auth via Clerk
- •Inline Comment Threads and Notifications
- •High-performance Full-text Document Search
Why I built this
- •To master real-time CRDT-based synchronization using Yjs and Liveblocks.
- •To implement a high-performance hybrid database architecture.
- •To provide a modern, open-source alternative to collaborative editors.
- •To showcase advanced integration of Next.js 16 and React 19.
Impact
"Achieved conflict-free editing across multiple concurrent users."
"Optimized data retrieval with Convex's reactive query engine."
"Implemented a premium, accessible UI using Radix UI and Tailwind."
"Simplified document management for teams and organizations."
Next Project
RESUME ANALYZER
View Case Study