This content originally appeared on DEV Community and was authored by zernonia
The Idea and Inspiration ?
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?.
Showcase ?
If you are Supabase user, or interested in using the visualizer, here's the link to it: Supabase Schema Visualizer
Supabase Schema
Secured & Simple Supabase Schema Visualizer.
No installations • No Database password required
View Demo
·
Report Bug
·
Request Feature
? Features
- ? No installations
- ? Persistent State in LocalStorage
- ? Login-less
- ? 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
? Instructions
- Go to Supabase App
- Select your Project
- Go to
Settings
- In Settings tab, Go to
API
- Under
Config
, copyURL
- Under
API Keys
, copyanon
public
- Paste both value into…
If you find this useful, remember to ? it on Github
Lend me a Hand ✋
When you navigate through the App, you might notice some bugs or possible improvement, feel free to contribute to this project.?
Ultimate Hope ?
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.
Follow me ?
I've build a @supabase_io Schema Visualizer so that you and I can quickly visualize schema without installing additional software.
supabase-schema.vercel.app
Build with:
@vuejs
@vite_js
@windi_css
@vueuse16:31 PM - 09 May 2021
Thank you ?
This content originally appeared on DEV Community and was authored by zernonia

zernonia | Sciencx (2021-05-10T03:45:51+00:00) Supabase Schema Visualizer – No installation/login. Retrieved from https://www.scien.cx/2021/05/10/supabase-schema-visualizer-no-installation-login/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.