A Simple collaboration drawing app made using NextJS

Canvas Next

Simple collaboration drawing app, made using NextJS, React Konva and SocketIO with NextJS API Page for learning SocketIO and of course trying NextJS 13

Feature

Currently its only have basic feature such as

  • Freehand Draw
  • Move in canvas
  • Zoom
  • Collaboration (limit only 2 user)

How to

  • just npm install

Screenshoot

Known Bug

  • double connection made while connecting into socketIO. it happen when client connected to socketIO server, it would be counted as 2 connection with 2 different ID, im still confuse how to handle this, since there’s no explanation in stakeoverflow or even official documentation. it really hard to implement auto refresh on waiting room with bug like this

GitHub

View Github