dashibase/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.

dashibase's Issues

Input UI elements should correspond to data types

INSERT has no input for Array

Is your feature request related to a problem? Please describe.
I have form that recieved array of string as input, but Dashibase Insert doesn't support that.

Describe the solution you'd like
A field to let user add list of item, be it string/number/boolean

Additional context
Supabase Features, Categories and Image is receiving array of string.

Support POST trigger

Could you give an example of the database and configuration file?

Is your feature request related to a problem? Please describe.
Give an example of a database and configuration file.

Describe the solution you'd like
I don't know what kind of database to create if I want the page to render something (anything), I've spent a few hours trying and not succeeding, can you officially give a small example for reference?

Url prompted in Preview mode is wrong

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to Preview
2. The prompt on lower right is not showing the correct "APP URL"

Expected behavior
show https://madewithsupabase.app.dashibase.com

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: macos
• Browser Chrome

Enable regex validation for inputs

Webhooks in List and Card views by selecting multiple cards/rows

Enable enum datatype

Dashibase doesn't even start

I created two accounts but it doesn't work for me with either of them. Once I log in, I see dashibase's loading indicator forever. It never moves past the loading indicator. I'd like to delete at least one of the accounts and work with the other but I can't do nothing at the moment.

Automatically detect schemas

Is this project actually open source?

The latest commit in the main branch was about 5 months ago.
But the changelog on the marketing website claims there was a release 1 month ago?

Popup is off the screen

Describe the bug
Popup is off the screen

To Reproduce
Click the "dot handle"

Expected behavior
Popup show position inside the viewport

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Mac
• Browser: Chrome

Additional context
Screen width: 1004px

Add pagination for cards and list

Support GET trigger with callback

Enable to define custom table id names

**Is your feature request related to a problem?
Now, the default id name "table.id" is used, but one can have different id names.

Describe the solution you'd like
An input when creating a page that lets you customize the id name of the table.

Describe alternatives you've considered
None

Support global and per-user tables

Read-only views of joined data

Social auth support for login

Add read-only option for attributes

Drag & drop order messed up

Describe the bug
when I let go the item, the whole table sorted in the wrong order.

To Reproduce
Steps to reproduce the behavior:

1. Go to "page"
2. Drag item in Attribute table
3. Let go
4. The item sorted incorrectly.

Edit: I refresh the page and it works again, not sure hwo to re-create it

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Screen.Recording.2022-06-28.at.3.43.11.PM.mov

Desktop (please complete the following information):

• OS: macos
• Browser chrome

Additional context
Add any other context about the problem here.

Create configs using JSON

Enable custom branding with logo and favicon

"Reset Password" page

Enable customization of primary, secondary, accent colors

Account Confirmation Link triggers redirect loop

Describe the bug
Account Confirmation Link triggers redirect loop.

To Reproduce
Steps to reproduce the behavior:

1. Go to a Dashibase Dashboard Signup Page
2. Enter Account Details
3. Open the Confirmation Link you received
4. See error

Expected behavior
After you click on the Confirmation Link, your account should be activated, and you should be greeted with a message that tells you that.

Screenshots
If applicable, add screenshots to help explain your problem.

librewolf_Q12w4Luikc.mp4

Desktop (please complete the following information):

• OS: Windows 10
• Browser Firefox (Librewolf)
• Version 99.0.1-4

But I've also tested it on Microsoft Edge (Chromium) Version 101.0.1210.32 - same behavior.

Support button triggering GET request to a custom endpoint in Single View

Docker Hosting Instructions

Is your feature request related to a problem? Please describe.
When hosting on a VPS or similar I find it easiest to use Docker to host open source projects like Dashibase.

Describe the solution you'd like
I'd love to see a solution like the Docker hosting instructions here for how to host the product using Docker!
https://docs.appsmith.com/getting-started/setup/installation-guides/docker

Add basic tests

Add staging area for users to test changes before deploying

Add vue-tsc back to build command

In the current dev build 0741d95, vue-tsc has been temporarily removed because the TypeScript compiler appears to be raising nonsensical bugs.

This should be debugged before merging to main.

Support GET trigger with params based on user attributes and inputs

Need Pagination - I didn't see it in the demo video.

yet to play with this - maybe this is already in - but I will need this feature.

Single or multi-select of joined attributes based on incoming or outgoing FK relations