Community编程与开发github.com

wsimmonds/nextjs-app-router-fundamentals

基于 Next.js App Router(Next.js 13+)的开发指南。适用于从 Pages Router 迁移至 App Router、创建布局、实现路由、处理元数据或构建 Next.js 13+ 应用等场景。激活条件为:App Router 迁移、布局创建、路由模式或 Next.js 13+ 开发任务。

nextjs-app-router-fundamentals 是什么?

wsimmonds/nextjs-app-router-fundamentals 是一个专注于 Next.js App Router(Next.js 13+)的开发指南技能。它旨在帮助开发者从传统的 Pages Router 平滑迁移至新的 App Router 架构,并掌握其核心概念,如布局(Layouts)、路由(Routing)、元数据(Metadata)等。该技能适用于多个开发平台,包括但不限于 Claude Code 等支持自定义技能的 AI 编程助手。通过遵循该指南,开发者可以高效地构建支持嵌套布局、服务端组件、流式渲染等现代特性的 Next.js 应用。它详细解释了文件系统路由规则、布局嵌套机制、数据获取模式以及 SEO 优化相关的元数据 API。总之,这是一份实用且权威的参考资料,能显著提升在 Next.js 13+ 生态中的开发效率。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofNext.js
npx skills add https://github.com/wsimmonds/claude-nextjs-skills/tree/main/skills/nextjs-app-router-fundamentals

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

nextjs-app-router-fundamentals 是做什么的?

适用于 Next.js App Router(Next.js 13+)的开发指南。当需要进行 Pages Router 到 App Router 的迁移、创建布局、实现路由、处理元数据或构建 Next.js 13+ 应用时使用。该技能在涉及 App Router 迁移、布局创建、路由模式或 Next.js 13+ 开发任务时自动激活。

相关技能