while-basic / dashibase

Super simple user dashboards for Supabase users.

Dashibase

Lightspeed app-builder for Supabase users.
Check it out now ⚡

Need to build an app or a dashboard? Dashibase is the fastest app-builder for Supabase users.

Beautiful presets in light and dark modes. CRUD interfaces with cards and table views. Form validation, elegant login and signup pages, and more. All with a simple JSON config file.

This repo contains the open-source code for setting up your own Dashibase dashboard if you are interested in hosting it yourself. Otherwise, we also have a hosted version.

Contributions welcome!

Have suggestions for what to work on next? Support us by joining our beta!

---

Features

Supported

• Authentication UIs including sign in and sign up
• Multiple display modes - single, list, card
• CRUD functions
• Simple form validation during item creation by checking that required fields are filled in (required attributes are configured in src/dashibaseConfig.ts)
• Caching of dashboard data to reduce database queries and improve latency
• Dashboard is responsive and works on tablet and mobile
• Pagination support
• Filter and sort for list and card views

In-progress

• Better support for table joins
• Charts display mode
• Third-party authentication support

Backlog

• Built-in analytics
• User impersonation
• Kanban display mode
• Regex form validation

Getting Started

1. Clone this repository and go to the Dashibase directory

git clone https://github.com/dashibase/dashibase
cd dashibase

2. Edit src/dashibaseConfig.ts to configure your dashboard.

See here for documentation on the config file.

3. Test it locally

We currently don't have a staging mode yet but you should be able to test it locally with your own account

npm run dev

4. Deploy to your favorite server!

Important! Remember to add your dashboard URL to your list of your sign-up redirect URLs in Supabase. You can find it at https://app.supabase.io/project/YOUR_PROJECT_ID/auth/settings.

Like what you're seeing?

We're hoping to turn this into our full-time job! Support us by joining our beta, visit us in our Discord server and follow us on Twitter for more updates.