Next.js 路由与渲染实现

原名：nextjs-developer

按 App Router、服务端数据和状态边界安排页面，实现可检查的元数据。

中文 Skills 技能说明

已有 Next.js 网站要增加业务页面时，可交给获准前端开发员工。提供实际框架版本、路由、接口、缓存规则和设计，技能整理 Server Components、Actions、加载及错误状态，交付实现草稿与测试清单。服务端执行不自动代表安全，SEO 元数据也不保证搜索收录；不把现有 Vue 平台换框架。桌面端需 Node.js，服务端密钥不能进入客户端，部署地区和费用另核对；发布前验证权限、缓存、原 URL 与真实正文。

上游能力依据

上游原始适用说明：Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.

上游 SKILL.md 主要章节（保留原文标题）：

• Core Workflow
• Reference Guide
• Constraints
• MUST DO (Next.js-specific)
• MUST NOT DO
• Code Examples
• Server Component with data fetching and caching
• Server Action with form handling and revalidation
• generateMetadata for dynamic SEO
• Output Templates

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

Jeffallan 与 claude-skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/Jeffallan/claude-skills/tree/1be15d8064f88fc25216442406d40add8fd23b53/skills/nextjs-developer

适用范围

平台：linux、macos、windows；标签：设计与前端、Next.js 路由与渲染实现、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。