关于 nextjs-app-router-patterns
面向使用 App Router 构建或迁移 Next.js 应用的开发者技能。内容涵盖 Server Components、路由模式、数据获取、缓存、流式处理和 Server Actions。
主要功能
- 01App Router 架构模式
- 02Server Components 与流式处理
- 03并行路由与拦截路由
- 04数据获取与缓存
- 05Server Actions
适用场景
- 01使用 App Router 构建 Next.js 应用
- 02从 Pages Router 迁移
- 03实现 Server Components 与流式处理
- 04通过 Server Actions 开发全栈功能
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/nextjs-app-router-patterns确认已加载。
附带文件resources/implementation-playbook.md
详细介绍
Next.js App Router 模式
Next.js 14+ App Router 架构、Server Components 和现代全栈 React 开发的全面模式。
何时使用此技能
- 使用 App Router 构建新的 Next.js 应用
- 从 Pages Router 迁移到 App Router
- 实现 Server Components 和流式渲染
- 设置并行路由和拦截路由
- 优化数据获取和缓存
- 使用 Server Actions 构建全栈功能
何时不要使用此技能
- 任务与 next.js app router 模式无关
- 你需要此范围之外的其它领域或工具
说明
- 明确目标、约束和所需输入。
- 应用相关最佳实践并验证结果。
- 提供可操作的步骤和验证方法。
- 如果需要详细示例，请打开
resources/implementation-playbook.md。
资源
resources/implementation-playbook.md提供详细的模式和示例。
限制
- 仅当任务明确符合上述范围时才使用此技能。
- 不要将输出视为特定环境验证、测试或专家审查的替代品。
- 如果缺少所需输入、权限、安全边界或成功标准，请停止并请求澄清。
评论
支持 Markdown