Cursor Next.js 项目规则

路由规范

• 使用 App Router（pages 目录已废弃）
• 布局文件使用 layout.tsx
• 加载状态使用 loading.tsx
• 404 页面使用 not-found.tsx

数据获取

• 优先使用 Server Component
• 只在需要交互时使用 Client Component
• API 请求封装到 lib/ 目录
• 使用 Server Actions 处理表单

SEO

• 每个页面必须有 metadata
• 使用 generateMetadata 动态生成
• 图片必须包含 alt 属性

性能

• 图片使用 next/image
• 链接使用 next/link
• 动态导入使用 next/dynamic