Build an admin dashboard for my app
By VibeCoderHQ|Published on 9/8/2025
PromptingNext.jsSaas
Gives you an internal tool to view metrics and manage records without touching the database directly. Best in Cursor or Claude Code where it can read your real schema. Tell it your actual table names so the stat cards and tables use real data, and note that the server-side admin check on every action is what keeps it secure.
Prompt Text
Build an admin dashboard for my [FRAMEWORK] app at the route /admin. Only users with the role [ADMIN ROLE, e.g. admin] can access it. Redirect everyone else away.
Data I want to manage and see: [LIST YOUR MAIN TABLES, e.g. users, orders, subscriptions].
Include:
1. An overview page with 4 stat cards at the top: [YOUR KEY METRICS, e.g. total users, active subscriptions, revenue this month, signups today]. Pull real numbers from the database.
2. A data table for each resource above with pagination, a search box, and column sorting. Show the columns that matter, not every field.
3. The ability to view one record in detail and edit or delete it, with a confirmation step before deleting.
4. Clear empty states and loading states.
Rules:
- Enforce the admin check on the server for every page and every action, not just by hiding buttons.
- Keep the layout as a sidebar with nav links and a main content area. Reuse one table component for all resources.
- Use [shadcn/ui if available] for the table, buttons, and dialogs.
First show me the file and route structure and the server-side access check. Then build it screen by screen.Join the vibe coder community
Weekly prompts, tools, and success stories to help you build and monetize with AI.
Unsubscribe any time.
Reviews
No reviews yet. Be the first to review!