mcpField
N
nextjs-app-router-patterns

nextjs-app-router-patterns

github.com/rmyndharis开发1.9k62 次安装3 周前更新
代码仓库

关于 nextjs-app-router-patterns

面向使用 Next.js 14+ App Router 构建或迁移应用的开发者，涵盖 Server Components、路由、数据获取、缓存和 Server Actions，并提供详细模式手册。

主要功能

  1. 01App Router 架构模式
  2. 02Server Components 与流式传输
  3. 03并行路由和拦截路由
  4. 04数据获取与缓存
  5. 05使用 Server Actions 构建全栈功能

适用场景

  1. 01启动 Next.js App Router 应用
  2. 02从 Pages Router 迁移
  3. 03实现流式 Server Components
  4. 04优化数据获取与缓存

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rmyndharis/antigravity-skills --skill nextjs-app-router-patterns

安装后在 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