Start a Next.js project with auth, email verification, and rate-limited login already wired up
Study a NextAuth + Prisma + Resend reference setup with route-protecting middleware
Mock up a security operations dashboard with charts and a role-based user table
Deploy a Vercel demo using Neon Postgres in production and SQLite locally
Production mode needs a Neon Postgres URL, a Resend key, and an Upstash Redis instance to enable email and rate limits.
SecureGate is a demo security management dashboard built with Next.js 16 using the App Router. It combines a full authentication flow with a security-themed admin interface, so the same app handles signup, login, and password recovery and then drops the user into a dashboard that shows fake threat statistics, activity logs, and access control screens. There is a live demo hosted on Vercel. On the authentication side, the README lists user registration with a password strength meter, email verification through Resend, login with NextAuth version 4 using JWT sessions, rate-limited login backed by Upstash Redis, a forgot and reset password flow, and middleware that protects the dashboard routes from anonymous visitors. The dashboard side has an overview page with threat stats, an authentication health chart, and a security activity feed. A Threat Monitor view shows a live summary, a bar chart, and a table of active incidents. There is also a searchable Activity Log, an Access Control screen with a user management table and role badges, and a Settings area with tabs for profile, security, notifications, and API keys. The layout uses a responsive sidebar and a top navigation bar with a notifications dropdown. The stack is fairly standard for this kind of project. TypeScript 5 is the language, Prisma 5 is the database ORM, the database is PostgreSQL through Neon in production or SQLite in development, Resend with React Email handles outbound mail, Upstash Redis handles rate limiting, Tailwind CSS v4 with the Geist font is used for styling, Lucide React supplies icons, and React Hook Form with Zod handles forms and validation. The README also sketches the project layout: app/ holds the App Router pages for auth, dashboard, and API routes, lib/ holds utilities such as the auth config and Prisma client, prisma/ holds the schema and migrations, emails/ holds the React Email templates, and middleware.ts handles route protection. The repository has zero stars at the time of writing.
Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.