Next.js Cursor Rules
Cursor rules for Next.js App Router: server components, data fetching, routing, and deployment best practices.
- Default to Server Components; only add 'use client' when interactivity is required
- Use generateStaticParams for dynamic routes that can be pre-rendered at build time
- Handle loading and error states with loading.tsx and error.tsx files
- Use next/image for all images with proper width, height, and priority props
- Use server actions for form mutations; avoid API routes for simple data mutations
- Cache fetch() calls with appropriate revalidation: { next: { revalidate: 3600 } }
- Use Middleware for auth guards, redirects, and request manipulation
- Leverage Route Groups to organize routes without affecting URL structureHow to use with Cursor
Create a `.cursorrules` file in your project root and paste these rules. Cursor reads this automatically on every AI interaction.
Related Rules
Python Cursor Rules
Best Cursor AI coding rules for Python development. Enforce type hints, PEP 8, Pythonic patterns, and modern Python best practices in your .cursorrules file.
TypeScript Cursor Rules
Cursor rules for TypeScript: enforce strict mode, eliminate any types, and write type-safe code with these .cursorrules configurations.
React Cursor Rules
Cursor rules for React: component patterns, hooks best practices, performance optimization, and clean state management conventions.
Rust Cursor Rules
Cursor rules for Rust: ownership patterns, error handling with Result, idiomatic Rust, and performance-aware coding conventions.