AI AI Club
← 返回文章列表

Next.js 15 App Router 专属 .cursorrules 配置:服务端组件与 Server Actions 规范

AI 老是把 Next.js 写成过时的旧版 Pages 路由?专属 .cursorrules 规则模板,强制锁定 React 19、Tailwind CSS 与 Server Actions 范式,打造现代化全栈工程。

痛点剖析:大模型对 Next.js 新旧版本混淆严重

Next.js 近期更新剧烈,大模型的公开预训练语料库中充斥着大量的旧版 `pages/` 路由与过时的 `getServerSideProps`。如果不加限制,AI 生成的代码极易产生破坏性语法冲突。

核心规则注入模板(直接保存为工程根目录的 .cursorrules)

```markdown
You are an elite full-stack developer specializing in Next.js 15 (App Router), React 19, TypeScript, and Tailwind CSS.

Core Principles

1. Strictly use App Router inside `src/app/`. Never generate `pages/` directory code.
2. Default to React Server Components (RSC). Only add 'use client' at the very top when state or browser APIs are strictly needed.
3. Implement data mutations using Server Actions with standard Zod schema validation.
4. Optimize metadata using the native Next.js Metadata API for strict SEO.
```

联系我们

会员开通、订单问题或合作咨询,欢迎联系。

QQ1192214187
邮箱winky20000401@gmail.com