ended2월 22일· 1 sources
Lessons learned implementing a "Code-Aware" infinite canvas using Next.js 16, Yjs, and ReactFlow
Next.js 16, Yjs, ReactFlow를 활용한 Code-Aware 무한 캔버스 구현 경험
Why it matters
Next.js 16, Yjs, ReactFlow를 사용한 무한 캔버스 구현 경험을 다루는 글로, ReactFlow와 Yjs의 상태 동기화, 줌 가능한 UI에서의 원격 커서 좌표 변환, SSRF 보안 문제 해결 방법을 설명한다. 저자는 자체 호스팅 Git 저장소를 시각화하기 위해 구현한 오픈소스 프로젝트 Ideon(AGPL-3.0)을 소개하며, Gitea, Forgejo, GitLab, GitHub 통합을 지원한다.
1
Sources
+0
24h
—
Growth
211d
Active
ReactFlowYjsNext.jsinfinite canvasCRDTSSRF