Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alexwhitmore/astro-dashboard
An Astro dashboard theme using Tailwind, Supabase, and React.
https://github.com/alexwhitmore/astro-dashboard
astro headlessui supabase tailwindcss tailwindui
Last synced: 3 months ago
JSON representation
An Astro dashboard theme using Tailwind, Supabase, and React.
- Host: GitHub
- URL: https://github.com/alexwhitmore/astro-dashboard
- Owner: alexwhitmore
- Created: 2023-12-09T08:18:55.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-01T21:46:45.000Z (10 months ago)
- Last Synced: 2024-04-24T22:18:10.595Z (10 months ago)
- Topics: astro, headlessui, supabase, tailwindcss, tailwindui
- Language: Astro
- Homepage:
- Size: 199 KB
- Stars: 31
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Astro Dashboard Starter
An open source dashboard project using Astro with API endpoints, Tailwind, and Supabase.
> [!WARNING]
> This is a work-in-progress in very early stages and will definitely undergo significant changes. Please feel free to track the progress on [X/Twitter](https://twitter.com/theAlexWhitmore).
## Purpose
Astro has recently released 4.0 and is no longer just for content heavy websites (it hasn't been for a while). I want to build out a "web-like" application using as many of the features as possible to see if I can find the limits of Astro (I don't actually think there are any limits). This project will remain open source and eventually be submitted as a [theme](https://astro.build/themes/) to Astro.
## Getting started
1. Clone the repository:
```cli
git clone https://github.com/alexwhitmore/astro-dashboard.git my-project
```
2. Install dependencies:
```cli
npm install
```
3. Copy `.env.example` to `.env` and update the variables:
```cli
cp .env.example .env
```
4. Start the development server:
```cli
npm run dev
```
## Technology Used
| Technology | Purpose | Link |
| -------------------------------- | ---------------------------- | ---------------------------------------------------- |
| Astro | Frontend and API endpoints | [Docs](https://docs.astro.build/en/getting-started/) |
| TailwindCSS | Styling | [Docs](https://tailwindcss.com/) |
| TailwindUI | Component Library | [Docs](https://tailwindui.com/) |
| HeadlessUI | Accessible Component Library | [Docs](https://headlessui.com/) |
| React | UI Library | [Docs](https://react.dev/) |
| Tremor | Charts UI Library | [Docs](https://www.tremor.so/) |
| Supabase | Database/storage/auth | [Docs](https://supabase.com/) |
| Hero Icons (switching to Lucide) | Icons | [Docs](https://heroicons.com/) |
| Lucide Icons | Icons | [Docs](https://lucide.dev/) |
## Planned Features
- Task tracker, DnD (Kanban board)
- Landing Page
- Blog (with content collection)
- Authentication (Email/password & OAuth)
- Role-based access
- GitHub actions for deployment
- User dashboard
If you have any other ideas of features I should add, please feel free to open up an issue or message me on [X/Twitter](https://twitter.com/theAlexWhitmore)!