A complete SaaS analytics dashboard: KPI strip, revenue area chart, acquisition, conversion funnel, cohort retention heatmap, filterable customer table, and activity feed — plus the app shell (sidebar, mobile navigation, theme toggle) and typed mock data.
import type { Metadata } from "next";
import { PagePlaceholder } from "@/components/dashboard/page-placeholder";
export const metadata: Metadata = { title: "Analytics" };
export default function AnalyticsPage() {
return <PagePlaceholder title="Analytics" />;
}
Import "honestui/charts.css" once in your global stylesheet (before tailwindcss) so the charts are styled. The dashboard installs under app/(dashboard)/ — visit /dashboard. Dark mode: add suppressHydrationWarning to <html> in your root layout (the theme is applied on the client). Mock data lives in lib/dashboard/data.ts; replace it with your own data access. A ready-to-clone template of this dashboard lives at https://github.com/honestui/honestui-dashboard.
