analytics-dashboarder

What problem does it solve?

This skill provides a pragmatic blueprint to build data-driven dashboards by coordinating server-side data aggregation with Drizzle and client-side visualization with Recharts, reducing boilerplate and boosting consistency across analytics tasks.

Core Features & Use Cases

• Data Aggregation: Server-side SQL querying with Drizzle for time-series and categorical data to power performant dashboards.
• Visualization: Recharts-based charts with responsive layouts, including Line, Bar, and Pie components.
• Workflow & State: Filters managed via TanStack Router search params and cached with TanStack Query for repeatable analytics sessions.
• Use Case: Build a sales dashboard showing daily revenue, category distribution, and trend analysis with shareable filters.

Quick Start

Create a dashboard page that uses Drizzle for data, renders a responsive Recharts chart, and exposes date-range and category filters via TanStack Router.