Why I Built It
As a freelance developer, I’ve handed Firebase projects off to clients who needed to update their app’s content themselves.
But giving them access to the Firebase Console came with major problems:
- Too technical
- No way to limit access
- One wrong click = production chaos 😬
So I built my own solution — a clean Firestore Admin Panel that gives teams access to just what they need, with full permission control.
What It Does
🛠️ Features:
- 🔄 Real-time Firestore document editing
- 🔐 Role-based permissions (viewer, editor, admin)
- 🧩 Dynamic collections + fields from Firestore itself
- 🎨 Mantine UI v8 + Next.js App Router for clean UX
- 🔥 Firebase Auth integration
It’s a no-code dashboard for anyone who wants to give controlled Firestore access to non-devs (like clients, team leads, or content managers).
Stack Overview
- Frontend: Next.js 15 (App Router)
- UI: Mantine UI v8
- Auth: Firebase Authentication
- Database: Firestore (obviously)
- Extras: Realtime updates, inline editing, dynamic modal rendering
The Goal
I wanted:
- Devs to stop giving full Console access to clients
- Non-devs to update data easily without risk
- Myself to stop getting panicked “I broke the database” messages
Want to Try It?
Here’s the demo (read-only):
👉 firestore-admin-panel.vercel.app
And if you want the full version or want to support my work:
📦 Gumroad Product Page
I’d Love Feedback
If you’ve used Firebase/Firestore:
- What other features would you expect?
- Would you give this to clients?
- Would you use it yourself?
Drop a comment or DM me — always happy to learn and improve!
Top comments (0)