Hey devs! Quick story...
Found this cool schema visualizer by @zernonia (Vue app, really nice). Forked it thinking I’d just play around a bit.
...that was 3 weeks ago. I haven’t slept much since.
What happened?
Started simple - just wanted to convert it to Next.js because that’s what I know best. But then one thing led to another:
- Vue → Next.js 15
- Added shadcn/ui (because pretty buttons matter)
- Threw in React Flow
- Added a SQL parser
- Then things got weird...
Try it: sql-schema.vercel.app
The moment everything changed 🤯
Last week at 2am (why do all good ideas come at 2am?)
I was playing with the SQL parser when I thought - wait, if I can read SQL... I can also…
Hey devs! Quick story...
Found this cool schema visualizer by @zernonia (Vue app, really nice). Forked it thinking I’d just play around a bit.
...that was 3 weeks ago. I haven’t slept much since.
What happened?
Started simple - just wanted to convert it to Next.js because that’s what I know best. But then one thing led to another:
- Vue → Next.js 15
- Added shadcn/ui (because pretty buttons matter)
- Threw in React Flow
- Added a SQL parser
- Then things got weird...
Try it: sql-schema.vercel.app
The moment everything changed 🤯
Last week at 2am (why do all good ideas come at 2am?)
I was playing with the SQL parser when I thought - wait, if I can read SQL... I can also write it. And change it. And... oh no.
Now I’m building something way bigger than planned.
What’s working RIGHT NOW:
✅ Paste your database URL → see your schema instantly
✅ Dark mode (obviously)
✅ Auto-arrange messy diagrams
✅ Export pretty pictures
✅ Works with Supabase/Postgres
What I’m building this week:
🔨 Talk to your database in plain English
🔨 Drag tables around to edit them
🔨 See changes before you break production
🔨 One-click “undo” for schema changes (!!!)
Real talk 💭
You know that feeling when you join a new team and someone tries to explain the database?
“So this table connects to that one, except on Tuesdays when... wait let me draw it”
Yeah. That’s what I’m fixing.
My friend understood our ENTIRE database in 5 minutes yesterday. Used to take me an hour with a whiteboard.
Try it yourself
No signup BS. Just works.
Paste your connection string or play with the demo. It’s actually kinda fun to watch.
Code: github.com/jacksonkasi1/supabase-schema
What’s next? 👀
Honestly? Going a bit crazy with features:
- This week: AI that writes your migrations
- Next week: Time travel for databases (see what changed when)
- Eventually: Multiple people editing together (like Google Docs but for schemas)
Maybe too ambitious but whatever, building it anyway 🚀
Small confession
This started as “let me just port this to React real quick”
Now my girlfriend is asking why I’m mumbling about “database time machines” in my sleep.
Worth it though.