alexwhitmore / astro-dashboard

An Astro dashboard theme using Tailwind, Supabase, and React.

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.

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 to Astro.

Getting started

1. Clone the repository:

git clone https://github.com/alexwhitmore/astro-dashboard.git my-project

2. Install dependencies:

npm install

3. Copy .env.example to .env and update the variables:

cp .env.example .env

4. Start the development server:

npm run dev

Technology Used

Technology	Purpose	Link
Astro	Frontend and API endpoints	Docs
TailwindCSS	Styling	Docs
TailwindUI	Component Library	Docs
HeadlessUI	Accessible Component Library	Docs
React	UI Library	Docs
Tremor	Charts UI Library	Docs
Supabase	Database/storage/auth	Docs
Hero Icons (switching to Lucide)	Icons	Docs
Lucide Icons	Icons	Docs

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!