SuperAPI AI 工具集

nextjs-app-router-patterns

前端与建站

查看项目

更新于 10-15 21:11

技能介绍

用途:该技能用于 Next.js 14+ App Router 架构与全栈 React 开发,帮助在新建应用、从 Pages Router 迁移、实现 Server Components 与流式渲染、配置并行与拦截路由、优化数据获取与缓存、以及用 Server Actions 构建全栈功能时应用相关模式。

主要能力:围绕 App Router 架构、Server Components、流式渲染、并行路由、拦截路由、数据获取与缓存、Server Actions 提供模式与最佳实践,并包含一个知识模块 implementation-playbook。

使用方式:先明确目标、约束与所需输入,再应用相关最佳实践并验证结果,给出可执行步骤与验证方法;如需详细示例,可打开 resources/implementation-playbook.md 查看详细模式与示例。

适用场景:构建新的 Next.js App Router 应用、从 Pages Router 迁移、实现 Server Components 与流式渲染、设置并行与拦截路由、优化数据获取与缓存、使用 Server Actions 开发全栈功能。

限制:不适用于与 Next.js App Router 模式无关的任务,也不适用于该范围之外的领域或工具。资料未提供具体版本要求、安装命令、收费方式与效果数据。