nextjs-app-router-cursorrules-prompt-file — правило для Cursor
Правило для Cursor, которое задаёт агенту привычки Next.js App Router: серверные компоненты по умолчанию, файловый роутинг, отдельные файлы для загрузки и ошибок.
.cursor/rules/nextjs-app-router-cursorrules-prompt-file.mdcЧто делает nextjs-app-router-cursorrules-prompt-file
Файл описывает набор практик для App Router и подкладывает их агенту как контекст. Внутри — список из семи пунктов: серверные компоненты по умолчанию, клиентские только когда без них не обойтись, файловый роутинг, layout.js для общих обёрток, loading.js для состояний загрузки, error.js для обработки ошибок, route handlers для API.
Дальше идёт структура папок: app/ с layout.js и page.js, рядом components/, lib/, styles/, отдельно public/. Дополнительные указания советуют TypeScript, метаданные для SEO, компонент Image, CSS Modules или Tailwind, error boundaries, соглашения об именах специальных файлов и переменные окружения для конфигурации.
В frontmatter стоит alwaysApply: false, а globs задан как **/*. Это значит, что правило не подключается само — его нужно привязать к проекту или вызвать вручную, иначе Cursor его не увидит. Для нового проекта на Pages Router советы про loading.js и route handlers просто не к чему применить.
Какие задачи решает
- задать агенту серверные компоненты по умолчанию
- разложить файлы по папкам
app/,components/,lib/ - добавить
loading.jsиerror.jsв маршруты - перевести API-роуты на route handlers
- договориться об именах специальных файлов Next.js
Примеры запросов агенту
- Создай страницу в
app/dashboard/page.jsпо правилам App Router - Разбей этот компонент: серверная часть отдельно, клиентская только там, где нужны обработчики
- Добавь
loading.jsиerror.jsдля маршрутаapp/blog/[slug]
Как установить nextjs-app-router-cursorrules-prompt-file
Вручную: положить файлы
.cursor/rules/nextjs-app-router-cursorrules-prompt-file.mdcВо frontmatter: description, globs, alwaysApply
Вручную: положить файлы
.claude/rules/nextjs-app-router-cursorrules-prompt-file.mdПоле paths во frontmatter ограничивает файлы: globs из источника → paths
AGENTS.md
Codex читает AGENTS.md: вставьте текст правила туда
Вручную: положить файлы
.github/instructions/nextjs-app-router-cursorrules-prompt-file.instructions.mdПоле applyTo задаёт, к каким файлам применять: globs из источника → applyTo
Вручную: положить файлы
.devin/rules/nextjs-app-router-cursorrules-prompt-file.mdВручную: положить файлы
.clinerules/nextjs-app-router-cursorrules-prompt-file.mdПо шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules
Вопросы о nextjs-app-router-cursorrules-prompt-file
Как установить nextjs-app-router-cursorrules-prompt-file в Cursor?
Создайте файл .cursor/rules/nextjs-app-router-cursorrules-prompt-file.mdc в корне проекта и вставьте в него содержимое правила.
Что делает nextjs-app-router-cursorrules-prompt-file?
Задаёт агенту Cursor практики Next.js App Router: серверные компоненты по умолчанию, файловый роутинг, layout.js, loading.js, error.js и route handlers для API.
Правило применяется ко всем файлам автоматически?
Нет. В frontmatter указано alwaysApply: false, поэтому правило нужно подключить к проекту или вызвать вручную.
Исходный текст
nextjs-app-router-cursorrules-prompt-file.mdc · CC0-1.0
--- description: "Cursor rules for Next.js development with App Router integration." globs: **/* alwaysApply: false --- // Next.js App Router .cursorrules // Next.js App Router best practices const nextjsAppRouterBestPractices = [ "Use server components by default", "Implement client components only when necessary", "Utilize the new file-based routing system", "Use layout.js for shared layouts", "Implement loading.js for loading states", "Use error.js for error handling", "Utilize route handlers for API routes", ]; // Folder structure const folderStructure = ` app/ layout.js page.js components/ lib/ styles/ public/ `; // Additional instructions const additionalInstructions = ` 1. Use TypeScript for type safety 2. Implement proper metadata for SEO 3. Utilize Next.js Image component for optimized images 4. Use CSS Modules or Tailwind CSS for styling 5. Implement proper error boundaries 6. Follow Next.js naming conventions for special files 7. Use environment variables for configuration `;
© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules