Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Dashibase/dashibase
Super simple user dashboards for Supabase users.
https://github.com/Dashibase/dashibase
dashboard frontend supabase webdev
Last synced: 3 months ago
JSON representation
Super simple user dashboards for Supabase users.
- Host: GitHub
- URL: https://github.com/Dashibase/dashibase
- Owner: Dashibase
- License: gpl-3.0
- Created: 2022-04-22T12:28:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-28T08:22:34.000Z (over 2 years ago)
- Last Synced: 2024-06-10T07:33:08.573Z (5 months ago)
- Topics: dashboard, frontend, supabase, webdev
- Language: Vue
- Homepage:
- Size: 2.65 MB
- Stars: 647
- Watchers: 11
- Forks: 57
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
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](https://dashibase.com#join-waitlist).
Contributions welcome!
**Have suggestions for what to work on next? Support us by joining our [beta](https://dashibase.com#join-waitlist)!**
---
## Features
### Supported
- [x] Authentication UIs including sign in and sign up
- [x] Multiple display modes - single, list, card
- [x] CRUD functions
- [x] Simple form validation during item creation by checking that required fields are filled in (required attributes are configured in `src/dashibaseConfig.ts`)
- [x] Caching of dashboard data to reduce database queries and improve latency
- [x] Dashboard is responsive and works on tablet and mobile
- [x] Pagination support
- [x] 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**
```bash
git clone https://github.com/dashibase/dashibase
cd dashibase
```
**2. Edit `src/dashibaseConfig.ts` to configure your dashboard.**
See [here](https://github.com/dashibase/dashibase/blob/main/src/utils/config.ts) 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
```bash
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](https://dashibase.com#join-waitlist), visit us in our [Discord server](https://discord.gg/CqgZGh4ZA8) and follow us on [Twitter](https://twitter.com/dashibase) for more updates.