CloudPulse — Next.js SaaS Dashboard Template

CloudPulse is a premium Next.js 15 SaaS dashboard template built for developers who want a production-ready cloud deployment UI out of the box. Inspired by Railway and Vercel, it ships with a fully-designed dark mode interface powered by Tailwind CSS v4, shadcn/ui, and a custom oklch color system centered on electric cyan. Whether you're building a cloud platform, a developer tools product, or an internal infrastructure dashboard, CloudPulse gives you a pixel-perfect starting point with zero wasted setup time. Every page, component, and section is carefully crafted with responsive layouts, accessible markup, and a design language that feels modern and premium. The template includes a complete public landing page with Hero, Features (9 cards), interactive Dashboard Preview, Metrics counters, Integrations hub, Pricing (3 plans + comparison table), CTA, and Footer — all driven from a single config file. The internal app ships six fully-built pages: an Overview dashboard with activity charts and stat cards; a Deployments list with status filters, search, and environment tabs; a Monitoring page with Recharts area and bar charts plus a 90-day uptime strip; a Logs terminal with live streaming simulation, level filters, and search highlighting; an Environment Variables manager with per-environment tabs, masked values, and add/delete dialogs; and a Project Settings page with five tabbed sections (General, Domains, Build, Team, Danger Zone). All pages are wired to a central config file at @/lib/config — swap the mock data for real API calls and you ship. CloudPulse is built on the latest Next.js 15 App Router with TypeScript throughout, Tailwind CSS v4 with a fully custom theme defined in globals.css using oklch color space, and Motion (motion/react) for all animations. The template ships with a complete SEO setup: global metadata in app/layout.tsx, per-page static metadata, and generateMetadata helpers for dynamic routes (/deployments/[id], /projects/[id]/settings, /projects/[id]/env). All components use shadcn/ui primitives — no custom re-implementations of things like Sidebar, Table, Dialog, Select, or Switch. Icons come from lucide-react, charts from Recharts. This is a production-grade Next.js SaaS template for cloud deployment dashboards, developer tools platforms, and infrastructure monitoring products.