Nexus — Next.js SaaS API Management Template

Nexus is a premium Next.js 15 SaaS template purpose-built for API management platforms, developer tools, and infrastructure products. Designed with the same visual language as Stripe, Resend, and PostHog, it gives you a production-ready starting point that looks like months of design work from day one. The full-featured landing page includes a Hero with a live code snippet, Features grid, Pricing with monthly/annual toggle, Testimonials, Stats, How It Works, and a converting CTA section — all built with Tailwind CSS v4, shadcn/ui components, and Motion animations. Every section is dark-mode only, responsive across all breakpoints, and driven by a single config.tsx file that centralizes all content and SEO metadata. The internal dashboard covers every screen a real SaaS product needs: an Overview page with a Recharts area chart, stat cards, and a live request table; an API Keys manager with create, reveal, copy, rotate, revoke, and delete flows plus a "show-once" modal pattern; a Request Logs page with multi-filter search, semantic status coloring, and a detail Sheet with pretty-printed JSON bodies; a Usage Analytics page with period-switcher tabs driving three chart types (Area, Bar, Line) and breakdown tables; a Billing page with quota progress bar, payment method card, billing address, and invoice history with download actions; and a Settings page with five tabs covering Organization, Team invite/role management, Security (2FA, active sessions, webhook secret), Notifications per-channel toggles, and a Danger Zone with typed confirmation for destructive actions. Every component follows strict engineering standards: no hardcoded styles, all colors and effects sourced from CSS variables defined in globals.css using oklch color space, no style= attributes, full accessibility with aria-* labels, semantic HTML (figure, blockquote, table, nav), and keyboard navigation throughout. The template ships with a complete SEO setup via Next.js 15 generateMetadata, per-page canonical URLs, Open Graph and Twitter card metadata, and a robots config that correctly noindexes all authenticated dashboard routes. TypeScript strict mode, shadcn/ui primitives for every interactive element, and Lucide React for all icons round out a codebase that's ready to extend into a real product.