Introducing Drawy

A real time collaboration capable drawing app(powered by Excalidraw) which is easy to deploy and host built with tech stack you already know.

use now

If you want to run it host on your own supabase account, and running on vercel is purely optional,

this app is built with nitro

nitro is easy to deploy so no issues deploy adapter

Supabase realtime because it's a nice BaaS with websocket support + postgres

and object storage all in one place and supabase is easy to integrate with Vercel and Netlify

With Excalidraw canvas with library Suppport

Using Supabase for both db and sync and vervcel for hosting. you can use any hosting provider if you want to. Host your own version for privacy and owning your own data also relying on the hosted instance is not recomended. (I am also on the free tier and can go off anytime on exhausting the limits). Refer to .env.example for the naming conventions of .env also you can use mise for managing dev enviournment variables .

tech stack

1. Supabase(db, realtime sync)
2. Tanstack start(frontend)
3. vite-plus + nub (for dependency management) (nub cz it's something new )

generate secret key with this command

openssl rand -hex 32

SESSION_SECRET= random secret
SUPABASE_SECRET_KEY=supabase secret key
SUPABASE_PUBLISHABLE_KEY=supabase public key
VITE_SUPABASE_PUBLISHABLE_KEY=supabase public key
SUPABASE_URL=supabase project url
VITE_SUPABASE_URL=supabase project url