SaaStacKit is a production-ready full-stack SaaS boilerplate built on Next.js 15, TailwindCSS 4, Node.js 22, Express.js 5.2.1, PostgreSQL 18.4 and so on. It gives development teams a fully structured, feature-complete starting point for building SaaS products — covering everything from authentication and role-based access control to blog management, product catalogs, pricing plans, AI integration, and a live theme engine and so on. Skip months of scaffolding and ship the actual product instead.

---

- Cookie-based JWT authentication with auto token refresh

- Login, Register, Forgot Password, and Reset Password flows

- Multiple auth page variants — Basic and Cover layouts, Multi-step registration

- Middleware-level route protection for all dashboard routes

- Permission-gated UI — components and API calls respect role permissions automatically

- Granular permission management across all modules

- Role creation and assignment

- Permission wrapper components — UI elements show or hide based on the logged-in user's role

- Permission-guarded API queries — unauthorized users never trigger restricted endpoints

- Full user CRUD with search, filtering, and pagination

- Invite users via email

- Account settings and profile management per user

- My Account section with profile and security settings

- Full blog management — create, edit, publish, draft, trash, and restore

- Blog categories with nested/hierarchical support

- Blog tags management

- Rich text editing powered by BlockNote

- Bulk operations — bulk delete, bulk restore, bulk permanent delete

- SEO fields — meta title, description, keywords per post and category

- ISR cache revalidation on publish/update

- Product management with create, edit, delete

- Product categories

- Search, filtering, pagination, and bulk operations

- Package (plan) management for SaaS pricing

- Package categories

- Pricing plan display page

- Payment integration-ready

- Dynamic page creation with rich content

- Slug-based routing for generated pages

- Public-facing dynamic pages with ISR support

- Sitemap generation for SEO

- Create and manage reusable email templates

- Template editor with full content management

- Contact form submission management

- View and manage incoming contact entries

- Drag-and-drop navigation menu builder powered by @dnd-kit

- Manage sidebar, navbar, and footer navigation dynamically

- Menu labels and item ordering

- Live preview of navigation structure

- Admin-controlled site-wide settings (site name, meta title, logo, colors, fonts)

- Settings grouped by domain — site, admin, customization

- Account-level settings separate from site settings

- Built-in AI assistant with voice and text input

- Audio waveform visualization

- Multiple UI variants (preferred UI selection per user)

- Listening and speaking modal states

- Dark and light mode via next-themes

- Admin-configurable default theme

- Custom primary color picker with live CSS variable injection

- Custom font family via Google Fonts integration — loaded dynamically

- Custom font size control

- All defaults overridable per user via localStorage

- Dashboard home with analytics overview

- Charts powered by ApexCharts and Recharts

- Animated data visualization with Framer Motion

- Fine-grained ISR cache control via Next.js revalidation tags

- Admin-triggerable cache revalidation per tag or bulk

- Tags cover: blogs, blog-details, dynamic-pages, settings-group, and more

- NEXT_PUBLIC_CACHE_TIME env var controls global stale time

---

SaaStacKit ships a complete component library built on Radix UI with cva variant styling and Tailwind CSS 4:

- Layout — Sidebar, Top Nav, Footer, Breadcrumb

- Data Display — Basic Table, Advanced Table (v1 + v2), Pagination, Avatar

- Feedback — Alerts, Toast notifications (React Hot Toast)

- Forms — Text inputs, Select, Date Picker, File Upload, Form previews (Login, Signup, Contact, Employee, Admission)

- Navigation — Accordion, Carousel, Dropdown

- Overlays — Modals, Tooltips

- Typography — Headings, Labels, all via Poppins font --font-poppins)

- Icons — Full Lucide icon set resolved dynamically from string names

## Developer Experience

- Modular architecture — features, API hooks, components, and services are all domain-separated

- Query Key Factory pattern — consistent, predictable cache key management

- *useFormSubmit hook** — unified mutation handler that maps backend validation errors to form fields automatically

- *useCheckPermission hook** — one-line permission checks anywhere in the component tree

- *getIconComponent utility** — resolve any Lucide icon from a string (kebab-case or PascalCase)

- ISR + client cache — server-side ISR with revalidation tags for public pages, TanStack Query for dashboard client cache

- Environment-driven — API URL, cache TTL, and frontend URL all configurable via env vars

- TypeScript-ready — typed Redux hooks useAppDispatch, useAppSelector) in place