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.
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.
- Clone the repository:
git clone https://github.com/alexwhitmore/astro-dashboard.git my-project
- Install dependencies:
npm install
- Copy
.env.example
to.env
and update the variables:
cp .env.example .env
- Start the development server:
npm run dev
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 |
- 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!