Dashboard

A production-ready internal dashboard starter with authentication, a collapsible sidebar, stats overview, and a settings page. Built on Next.js with shadcn/ui components, Better Auth for login, and Recharts for data visualization.

Composition

Apps:

web — Next.js (→ docs) + shadcn/ui (→ module), Better Auth (→ module), TanStack Query (→ module)

Project addons:

Database: → PostgreSQL
ORM: → Drizzle

Architecture

Blueprint-specific files:

src/
├── app/
│   ├── page.tsx                        # Landing/redirect page
│   └── (dashboard)/
│       ├── layout.tsx                  # Dashboard layout with sidebar
│       ├── page.tsx                    # Dashboard home with stats and charts
│       └── settings/
│           └── page.tsx                # Settings page
└── components/
    ├── header.tsx                      # Header component
    └── sidebar.tsx                     # Navigation sidebar

What's included

Dashboard layout with a collapsible sidebar and header, using the (dashboard) route group
Stats overview page with summary cards and Recharts area/bar charts
Settings page for user profile management
Sidebar navigation with links to dashboard sections
Auth-gated access via Better Auth session checks

Extra dependencies

Package	Purpose
`recharts`	Charting library for dashboard stats and visualizations

Environment variables

Variable	Description
`ADMIN_EMAIL`	Default admin email for initial setup

CLI usage

bunx create-faster my-dashboard \
  --blueprint dashboard \
  --linter biome \
  --git \
  --pm bun