Admin Panel Kit
Drop-in Next.js admin panel: users, content moderation, audit logs, settings, and IP blocklist. MariaDB or PostgreSQL. Wire your own auth.
About this kit
Production-ready admin module for Next.js App Router apps.
What you get
- Overview dashboard with stats and charts (users by role, audit events by action)
- User management: search, ban, suspend, profile page, role/email edits
- Content moderation: status filters, search, full review page, reject reasons, unpublish/reopen
- Audit logs with filters by target user or actor
- Platform settings: maintenance mode, signups toggle, support email
- IP/country blocklist (CRUD - enforce in your app middleware)
- Docker Compose for local demo (MariaDB + app)
- Copy-paste integration: lib/admin/, API routes, UI components, Prisma models
Auth
Auth is not included. Wire `lib/auth.ts` to your session/JWT or pair with Auth Kit. Local demo uses `ADMIN_KIT_DEV_BYPASS=true`.
Stack
Next.js 16, Prisma 7, MariaDB (default) or PostgreSQL, Tailwind CSS 4, Recharts.
Who it's for
SaaS founders who need an admin area without building users/moderation/logs from scratch.
What's included
Release history
Version 2
Maintenance update
Version 1
Initial release
Setup instructions
1. Copy the kit into your project (or run it standalone from the included folder).
2. Install dependencies:
npm install
3. Environment:
cp .env.example .env
Set DATABASE_URL, for example:
mysql://root@localhost:3306/admin_kit?allowPublicKeyRetrieval=true
For local demo only:
ADMIN_KIT_DEV_BYPASS=true
Set NEXT_PUBLIC_APP_URL to your app origin (no trailing slash).
4. Database:
npm run db:create
npm run db:push
npm run db:seed
5. Run:
npm run dev
6. Open http://localhost:3000/admin (overview dashboard).
Docker alternative:
docker compose up --build
Then open http://localhost:3000/admin
Production:
- Set ADMIN_KIT_DEV_BYPASS=false
- Implement getSession() and requireAdmin() in lib/auth.ts
- Implement clearSession() for sign out
- Protect /admin routes with your auth middleware
Copy into an existing app:
- lib/admin/**
- lib/platform/settings.ts
- app/api/admin/**
- app/admin/** and components/admin/**
- Merge Prisma models from prisma/schema.prisma
Full API and route reference is in SETUP.md inside the kit.
You might also like
Related kits
Buyer reviews
No published reviews yet.
Skip months of boilerplate
Get instant access to the full source code and setup docs after purchase.