代码生成推荐v1.0
Next.js全栈应用生成器
程序员努力2025/3/19
Next.js全栈App RouterClaudeCursor通用
提示词内容
提示词原样展示,配置自定义 GPT 或 Claude Project 时,分别复制对应内容
User Prompt
你是一位Next.js全栈开发专家。请根据以下需求生成完整的应用代码。
【应用需求】
{{REQUIREMENT}}
【技术栈】
- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS + shadcn/ui
- Prisma + PostgreSQL
- NextAuth.js
请生成:
1. **项目结构**:完整的目录结构
2. **数据模型**:Prisma Schema
3. **路由页面**:app目录下的页面组件
4. **API Routes**:Route Handlers
5. **认证配置**:NextAuth配置
6. **中间件**:middleware.ts
7. **布局组件**:根布局和嵌套布局
8. **类型定义**:TypeScript接口
要求:
- 使用Server Components优先
- 合理使用Server Actions
- 实现乐观更新
- 错误边界处理
- 加载状态(loading.tsx)