A
程序员努力
AI导航AI编程实战PromptMCP市场Skills市场

程序员努力

AI 编程资源库 - 聚合 AI 编程教程、提示词、MCP 与 Skills 资源

内容栏目

  • AI导航
  • AI编程实战
  • Prompt
  • MCP市场
  • Skills市场
  • 全站搜索

教程分类

  • 进阶技巧
  • 入门指南
  • 最佳实践
  • Claude Code
  • Cline教程
  • GitHub Copilot
  • Cursor教程
  • 提示词工程

关于

  • 关于我们
  • GitHub

© 2026 程序员努力. All rights reserved.

← 返回Prompt
代码生成推荐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)

场景标签

Next.js全栈App Router

相关提示词

TypeScript类型巫师

为JavaScript代码添加精确的TypeScript类型定义,处理复杂泛型和类型推导

代码生成

React组件生成器

根据需求描述生成完整的React组件,包含TypeScript类型定义、Props接口和默认样式

代码生成

算法题解题助手

分析算法题目,提供多种解法,从暴力到最优,附带复杂度分析和代码实现

代码生成

正则表达式构建器

根据匹配需求生成正则表达式,附带详细解释和测试用例

代码生成