AI Rules Pack for Cutting Edge Front-End Development (Next.js 16, React 19, Tailwind v4, and more)
€9.99
Stop repeating yourself to AI. Get 15+ opinionated rules for Next.js 16 App Router, React 19, Tailwind v4, and shadcn/ui — compatible with Cursor, Claude Code and OpenAI Codex. Ready in 60 seconds.
Every time you open a new project, you spend the first hour explaining the same things to your AI assistant:
"Use Server Components by default."
"Don't use the Pages Router."
"Validate with Zod before touching the database."
"Use useActionState, not useState + fetch."
Then it still generates code with useEffect data fetching, tailwind.config.js that doesn't exist in v4, and Auth.js v4 patterns that break in the App Router.
This pack fixes that.
What you get
15+ hand-crafted rules compatible with Cursor, Claude, and OpenAI Codex — covering the exact patterns that matter for production SaaS in 2025:
Next.js 16 App Router — file structure, caching, suspense streaming, middleware, metadata API. No Pages Router patterns, ever;
React 19 — Server Actions with useActionState, optimistic updates with useOptimistic, the use() hook. Not tutorial code — production patterns;
Tailwind v4 — CSS-first @theme configuration. No tailwind.config.js, no @tailwind directives. Correct v4 syntax from day one;
shadcn/ui — how to extend without breaking, cn() usage, the composition patterns that actually scale;
Zod + TypeScript strict — schema-first validation, inferred types, never any, structured error handling in Server Actions;SaaS patterns — dashboard layouts, route protection, environment variable validation, URL state with nuqs, feature flags;Conventional Commits Format — automatic commit message suggestions;& a complementary Cursor Memories guide!
Plus choose your stack:
→ Auth: Clerk / Better Auth / Auth.js v5 / Supabase Auth
→ Data fetching: Server Components / TanStack Query / Both
→ Database: Drizzle ORM / Prisma
How it works
Run one command. Answer four questions. Done.
node setup.mjs
The interactive script installs only the rules relevant to your stack — no clutter, no irrelevant patterns. Works on Windows, Mac, and Linux.
Node.js is the only requirement.
Who this is for
Developers building SaaS products with Next.js 16Tired of AI generating outdated or inconsistent codeWant to ship faster without explaining your conventions every sessionUsing Cursor, Claude Code, or OpenAI Codex
What's included
4 base rules (always active) — Next.js 16, React 19, TypeScript + Tailwind + shadcn, SaaS patterns4 auth rules (pick one) — Clerk, Better Auth, Auth.js v5, Supabase Auth2 data fetching rules — Server Components, TanStack Query2 database rules — Drizzle ORM, PrismaInteractive CLI setup scriptCLAUDE.md template for Claude Code compatibilityGit commit rules and conventionsCursor Memories guideFull user manual
One-time purchase. Yours forever. Updates included.More details here: https://www.saastenance.com/products/ai-rules-pack-frontend-development
View Product