Collaborative Editor

A realtime collaborative editor built with Next.js, Tiptap, and Yjs.

Stack

• apps/fronted: Next.js + Tiptap editor UI
• apps/backend: y-websocket collaboration server

Quick Start

npm install
npm run dev

Frontend: http://localhost:3000
WebSocket: ws://localhost:1234

Scripts

• npm run dev: run frontend + backend
• npm run dev:fronted: run frontend only
• npm run dev:backend: run backend only
• npm run load-test: websocket load test

Test Collaboration

Open the same page in multiple browser tabs/windows and type simultaneously.

Load Test Example

CLIENTS=100 DURATION_SEC=60 INTERVAL_MS=200 WS_URL=ws://localhost:1234 npm run load-test