AI SummaryCursor Rules for Next.js 15 that enforce TypeScript, Tailwind, and App Router best practices. Ideal for developers building modern Next.js applications who want AI-assisted development with consistent project standards.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "Learn-next-js-15 — Cursor Rules" prompt rules to my project. Repository: https://github.com/naglaa77/Learn-next-js-15 Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Cursor Rules for Learn-next-js-15
Project Structure
• Use the App Router directory structure • Place components in app directory for route-specific components • Place shared components in components directory • Place utilities and helpers in lib directory • Use lowercase with dashes for directories (e.g., components/auth-wizard)
Components
• Use Server Components by default • Mark client components explicitly with 'use client' • Wrap client components in Suspense with fallback • Use dynamic loading for non-critical components • Implement proper error boundaries • Place static content and interfaces at file end
Performance
• Optimize images: Use WebP format, size data, lazy loading • Minimize use of 'useEffect' and 'setState' • Favor Server Components (RSC) where possible • Use dynamic loading for non-critical components • Implement proper caching strategies
Data Fetching
• Use Server Components for data fetching when possible • Implement proper error handling for data fetching • Use appropriate caching strategies • Handle loading and error states appropriately
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts