A tiny Figma-like multiplayer graphics editor.
Built with Replicache, Next.js, Pusher, and Postgres.
Running live at https://replidraw.herokuapp.com/.
- Get a Replicache license key
- Install PostgreSQL. On MacOS, we recommend using Postgres.app. For other OSes and options, see Postgres Downloads.
- Sign up for a free pusher.com account and create a new "channels" app.
Get the Pusher environment variables from the "App Keys" section of the Pusher App UI.
Note: These instructions assume you installed PostgreSQL via Postgres.app on MacOS. If you installed some other way, or configured PostgreSQL specially, you may additionally need to set the PGUSER and PGPASSWORD environment variables.
export DATABASE_URL=postgresql://<pguser>:<pgpass>@localhost:<pgport>/replidraw
export NEXT_PUBLIC_REPLICACHE_LICENSE_KEY="<your license key>"
export NEXT_PUBLIC_PUSHER_APP_ID=<appid>
export NEXT_PUBLIC_PUSHER_KEY=<pusherkey>
export NEXT_PUBLIC_PUSHER_SECRET=<pushersecret>
export NEXT_PUBLIC_PUSHER_CLUSTER=<pushercluster>
# Create a new database for Replidraw
psql -d postgres -c 'create database replidraw'
npm install
npm run dev