CURSOR RULESNext.js 15 Cursor Rules Generator (.mdc)
Generate strict Next.js 15 App Router Cursor rules with React Server Components, Server Actions, and Zod validation. Next.js 15 introduces asynchronous cookies/headers, strict caching defaults (uncached fetch by default), and Server Actions. Without explicit cursor rules, LLMs frequently hallucinate outdated pages/ router conventions, unnecessary 'use client' directives, and sync request APIs.
.cursor/rules/nextjs-15.mdcWhat this file changes for Next.js 15 App Router
Next.js 15 introduces asynchronous cookies/headers, strict caching defaults (uncached fetch by default), and Server Actions. Without explicit cursor rules, LLMs frequently hallucinate outdated pages/ router conventions, unnecessary 'use client' directives, and sync request APIs.
Next.js 15 App Router: code to avoid and code to write instead
"use client";
export function SaveItem() {
const submit = async (e: any) => {
e.preventDefault();
await fetch("/api/items", { method: "POST", body: JSON.stringify({ title: "Test" }) });
};
return <button onClick={submit}>Save</button>;
}"use server";
import { z } from "zod";
import { db } from "@/lib/db";
const Schema = z.object({ title: z.string().min(3) });
export async function createItem(formData: FormData) {
const parsed = Schema.safeParse(Object.fromEntries(formData));
if (!parsed.success) return { ok: false, errors: parsed.error.flatten().fieldErrors };
await db.item.create({ data: parsed.data });
return { ok: true };
}How to Install Next.js 15 App Router Cursor Rules (.mdc) via Terminal
Step 1: Open Project Directory & Verify Target Placement
Open your terminal and navigate to your project root folder where the .cursor/rules/nextjs-15.mdc file will reside. Ensure the file is placed at the exact path below relative to your project root so the AI engine automatically loads it:
Step 2: Fetch Rule File via Terminal Command
Run curl, PowerShell, or wget to stream the rule directly from the DevScratchpad raw API endpoint and write it to .cursor/rules/nextjs-15.mdc:
Terminal One-Liner Install
Run directly in your project root to stream and write this rule file with one command.
mkdir -p ".cursor/rules" && curl -fsSL "https://www.devscratchpad.tech/api/raw/cursor-rules/nextjs-15" -o ".cursor/rules/nextjs-15.mdc"Step 3: Check that Cursor uses it
Cursor picks up rules in .cursor/rules/ automatically. This one attaches when files matching its globs are in the request, or when you @-mention it.
Cursor rules generator: .cursor/rules/*.mdc for your stack
Cursor Rules (.mdc): how it works, where the file goes, and every Cursor Rules preset.
Tools for Next.js 15 App Router work
Browser-based utilities to test, format and inspect the code your AI tool writes. Nothing you paste is uploaded.
JSON to TypeScript Interfaces
Instantly infer TypeScript interfaces from a JSON payload.
JSON to Zod Schema
Infer Zod validation schemas directly from JSON payloads.
SVG to JSX Converter
Convert raw SVG markup into a React JSX component.
JWT Decoder & Inspector
Decode JSON Web Tokens locally. Inspect header and claims, and verify HS256 signatures with your secret.
Live Repository & Schema Ingestion
Inspect any public or private GitHub repository, or paste SQL DDL and Prisma models directly in AI Skill Studio to auto-generate authentic rules. Zero server transmission.
Migrating from Legacy .cursorrules or CLAUDE.md?
Use the free, in-browser converter to turn one long rules file into Cursor .mdc, Claude SKILL.md or Windsurf rules.
Technical FAQ: Next.js 15 App Router AI Rulebooks
Why do I need specific Cursor rules for Next.js 15?
Next.js 15 changes key assumptions: asynchronous headers/cookies, un-cached fetch by default, and React 19 hooks. MDC rules ensure Cursor generates compliant modern code rather than legacy Next.js 13/14 or pages/ router patterns.
Where do I save this .mdc file?
Save it to `.cursor/rules/nextjs-15.mdc` in your project root. Cursor will automatically attach it when editing files under `src/app/`.