SKAkash GherWeb Developer & HTML5 Game Specialist
HomeCase StudiesProjectsBlogWritingStudioStoreLabsAbout
React Admin Dashboard
All Projects

Project Feature

React Admin Dashboard

A real-time analytics dashboard with role-based auth, live chart widgets, data tables, and multi-tenant white-labeling.

ReactSaaSDashboardTypeScript

Role

Lead Frontend Engineer

ID

project-7

Tech Stack

Next.js 15, React Query, Recharts, TanStack Table, Zustand

+
+
+
+

Overview

A comprehensive SaaS admin dashboard built for internal and client-facing use. Powered by Next.js 15, NextAuth v5, React Query for server state, Recharts for data visualization, and TanStack Table for sortable, filterable data grids. Includes a full RBAC system (Admin / Manager / Viewer), dark and light themes driven by CSS custom properties, WebSocket-powered live KPI cards, and a multi-tenant theming system that lets enterprise clients apply their own branding.

Case
Blogs
Writings
Studio
Labs
Home
Projects
Store
About

Key Features

  • RBAC: Admin, Manager, and Viewer roles via NextAuth v5.
  • 22 chart widget types including area, bar, pie, and radial.
  • TanStack Table with server-side sorting, filtering, and pagination.
  • WebSocket live KPI cards with exponential backoff reconnect.
  • Multi-tenant CSS custom property theming.
  • Virtual scroll for tables with 100k+ rows.

Actions

Live Demo Source Code

Tech Stack

Next.js 15React QueryRechartsTanStack TableZustand
+
+

Gallery

Expand Image
Gallery snapshot 1
Expand Image
Gallery snapshot 2

Akash Gher

High-performance web experiences

Case StudiesProjectsStudioStoreLogin

© 2026 Akash Gher. All rights reserved.