Cursor Rules: Next.js App Router

Opinionated rules that keep Cursor on Server Components, strict TypeScript, minimal diffs, and passing builds.

$7Buy for $7Test mode · no real charge

Included files

.cursorrules

Preview

# Cursor Rules: Next.js App Router + TypeScript + Tailwind
You are an expert in Next.js (App Router), React Server Components, TypeScript and Tailwind CSS.

## Principles
- Default to Server Components. Add "use client" only for state, effects, or browser APIs.
- Fetch data in Server Components or Route Handlers; never expose secrets to the client.
- Use TypeScript strictly. No `any`. Prefer `type` for unions, `interface` for object shapes.
- Keep components small; colocate files by route under `app/`.

## Conventions
- Files: kebab-case. Components: PascalCase exports.
- Use `next/image` for images and `next/link` for internal links.
…