Modern patterns for Next.js App Router architecture
.cursorrules in your project rootUse App Router effectively: 1. Organize routes in logical groups 2. Use route groups for layouts 3. Implement parallel routes for complex UIs 4. Use intercepting routes for modals 5. Handle loading states with loading.tsx 6. Implement error boundaries per route 7. Use not-found.tsx for 404 pages 8. Leverage route handlers for APIs
Comprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.
Cursor
framework
AI coding rules customize how Cursor generates and refactors code for your project. Follow these steps to install Next.js App Router Patterns.
.cursor/rules, for Windsurf use .windsurfrulesComprehensive Cursor rules for Next.js 14+ with App Router, including routing, layouts, and API patterns.
Cursor rules for TypeScript with strict type checking, advanced patterns, and best practices.
Cursor rules for Tailwind CSS development with responsive design, custom components, and dark mode.