Recently, I got addicted to Supabase ⚡ as an Open-Source Firebase Alternative, and I'm having so much fun with it. It has such wonderful UI, and well-written documentation, that allows me to spin up a project easily.
Because of that, I've started to learn PostgreSQL, which Supabase built on top of. I quickly realized that how great would it be if I can easily visualize all my tables, and the relationship with one another (since PostgreSQL is a relational DB), and there's when I found out about Database Schema🔥.
😥 Unfortunately I found many Database Schema Visualizer online which either requires me to install database software, or login with email, which I do not want to . Thus, this gave me the idea to code it myself, since I'm a Web Developer💻.
If you are Supabase user, or interested in using the visualizer, here's the link to it: Supabase Schema Visualizer
🔒Persistent State in LocalStorage
👀No Sensitive info required
🤚Moveable Schema for own design
📇 About The Project
I look around the internet and found many Database Schema Visualizers that require me to either download the software, or login to view my Database Schema. I feel like there's too many unneccessary steps, just to view the schema.
Thus, I've decided to take this opportunity to build this Open Source, Free, Login-less and Secured Supabase Schema Visualizer
🔨 Built With
- Go to Supabase App
- Select your Project
- Go to
- In Settings tab, Go to
API Keys, copy
- Paste both value into…
If you find this useful, remember to 🌟 it on Github
When you navigate through the App, you might notice some bugs or possible improvement, feel free to contribute to this project.💘
My Vision for this project is hopefully that it might be absorbed into official Supabase App, where developer can quickly manage their project's schema visually without leaving the app. So if you find it helpful and wish to have this features, a star on Github would be very much appreciated.