Next.js
Next.js App Router expert guidance for routing, Server Components, caching, data fetching, and Vercel deployment.
#nextjs #react #vercel +1
Cursor, Claude Code, Windsurf +3
BrowseRule Skill Rule
React Best Practices Rule
Guides the agent toward modern React — server components by default, minimal client state, stable keys, and effects only for true side effects.
#rules #react #frontend #conventions
Snippet
---
description: React component conventions
alwaysApply: true
---
- Default to server components; add "use client" only when needed
- Keep client state minimal and colocated
- Use stable, unique keys — never array index for dynamic lists
- Reach for useEffect only for real side effects, not derived state
- Extract a component before a render branch gets too complex
Where it installs
Default config location for each supported agent.
- Cursor
.cursor/rules - Claude Code
.claude/CLAUDE.md - Windsurf
.windsurf/rules - Cline
.clinerules - Codex
AGENTS.md - GitHub Copilot
.github/copilot-instructions.md
Best for
FrontendFullstackNextjs
Related resources
TypeScript Strict Rule
Keeps the agent honest about types — no `any`, no non-null assertions to silence errors, and explicit return types on exported functions.
#rules #typescript #types +1
Cursor, Claude Code, Windsurf +3
Details