← All projects
Expert~30 hours

Collaborative Code Editor

Multiple users edit the same document in real time. Operational transforms or CRDTs.

Next.jsYjsWebRTCMonaco

Build plan

  1. 1
    Embed Monaco editor in a Next.js page
  2. 2
    Sync state with Yjs CRDT and a y-websocket provider
  3. 3
    Show remote cursors and selections
  4. 4
    Persist documents and add room invitations
Stuck?

Open the playground and prototype the trickiest part first. Even 20 lines of working code beats a perfect plan that never runs.

Open Playground