LogoClawIndex
案例技能关于
LogoClawIndex

nextjs-advanced-routing - Next.js App Router 高级路由开发指南

指导构建 Next.js App Router 高级模式,涵盖 Server Actions、Route Handlers、并行路由、错误边界及流式渲染。

标签

更新于: 2026-09-09

能力

典型输入

典型输出

该技能可以做什么

  • 实现 Server Actions
  • 创建 Route Handlers API
  • 配置并行路由
  • 设置拦截路由
  • 处理错误边界
  • 使用 Suspense 进行流式渲染
  • 执行乐观更新
  • 管理缓存重验证与重定向

输入

  • Next.js App Router 代码库
  • 路由文件结构需求
  • 表单数据与请求参数

输出

  • Server Action 函数
  • Route Handler 接口 Endpoint
  • 并行与拦截路由布局文件
  • 缓存重新验证与重定向触发

要求

  • Next.js App Router 环境
  • 支持 Suspense 的 React 环境
  • Node.js 运行时

来源

  • 规范: SKILL.md
  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
nextjs
app-router
server-actions
route-handlers
react
路由
实现 Server Actions
创建 Route Handlers API
配置并行路由
设置拦截路由
Next.js App Router 代码库
路由文件结构需求
表单数据与请求参数
Server Action 函数
Route Handler 接口 Endpoint
并行与拦截路由布局文件