yjs-getting-started

Official

Quickly set up Yjs collaborative editing

Authordurable-streams
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This guide removes friction when configuring Yjs to sync over Durable Streams by walking through peer dependency installation, running the required local servers, creating a collaborative Y.Doc, and verifying presence and synchronization so edits reliably replicate across clients.

Core Features & Use Cases

  • HTTP-based Yjs syncing: Use standard HTTP with SSE or long-polling to sync Yjs documents without WebSocket infrastructure.
  • Developer-focused dev server setup: Start a DurableStreamTestServer and a YjsServer that proxies storage operations for local development and testing.
  • Presence and awareness: Integrate y-protocols/awareness to track remote users and share presence metadata such as cursor position or user info.
  • Use Case: Rapidly prototype collaborative editors (rich text or code) that resume across reconnections and provide replayable change history.

Quick Start

Start a DurableStreamTestServer and a YjsServer locally, create a Y.Doc, instantiate a YjsProvider with baseUrl set to your service root and docId set to your document, and confirm the provider emits a synced event.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: yjs-getting-started
Download link: https://github.com/durable-streams/durable-streams/archive/main.zip#yjs-getting-started

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.