nextjs-advanced-routing
高级 Next.js App Router 模式指南,包括路由处理程序、并行路由、拦截路由、服务器操作、错误边界、草稿模式和带有 Suspense 的流式传输。对于服务器操作(action.ts、actions.ts 文件、“使用服务器”指令)、从客户端组件设置 cookie 以及表单处理至关重要。当需求涉及服务器操作、表单提交、cookie、突变、API 路由、“route.ts”、并行路由、拦截路由或流时使用。对于将服务器操作与客户端组件分离至关重要。
SKILL.md
Provide comprehensive guidance for advanced Next.js App Router features including Route Handlers (API routes), Parallel Routes, Intercepting Routes, Server Actions, error handling, draft mode, and streaming with Suspense.
CRITICAL RULE: This codebase has @typescript-eslint/no-explicit-any enabled. Using any will cause build failures.
When work requirements mention a specific filename, follow that instruction exactly. If no name is given, pick the option that best matches the project conventions—app/actions.ts is a safe default for collections of actions, while app/action.ts works for a single form handler.
高级 Next.js App Router 模式指南,包括路由处理程序、并行路由、拦截路由、服务器操作、错误边界、草稿模式和带有 Suspense 的流式传输。对于服务器操作(action.ts、actions.ts 文件、“使用服务器”指令)、从客户端组件设置 cookie 以及表单处理至关重要。当需求涉及服务器操作、表单提交、cookie、突变、API 路由、“route.ts”、并行路由、拦截路由或流时使用。对于将服务器操作与客户端组件分离至关重要。 来源:wsimmonds/claude-nextjs-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-advanced-routing- 分类
- </>开发工具
- 认证
- —
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 nextjs-advanced-routing?
高级 Next.js App Router 模式指南,包括路由处理程序、并行路由、拦截路由、服务器操作、错误边界、草稿模式和带有 Suspense 的流式传输。对于服务器操作(action.ts、actions.ts 文件、“使用服务器”指令)、从客户端组件设置 cookie 以及表单处理至关重要。当需求涉及服务器操作、表单提交、cookie、突变、API 路由、“route.ts”、并行路由、拦截路由或流时使用。对于将服务器操作与客户端组件分离至关重要。 来源:wsimmonds/claude-nextjs-skills。
如何安装 nextjs-advanced-routing?
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-advanced-routing 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪?
https://github.com/wsimmonds/claude-nextjs-skills