LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

nextjs-app-router - Next.js 15 App Router 模式

实现 Next.js 15 App Router 功能,包括服务端组件、客户端组件、服务端操作和数据获取

标签

更新于: 2026-03-22

能力

典型输入

典型输出

该技能可以做什么

  • 实现服务端组件
  • 实现客户端组件
  • 实现服务端操作
  • 获取数据
  • 缓存数据
  • 重新验证数据
  • 创建布局
  • 创建路由
  • 创建加载界面
  • 创建错误边界
  • 定义元数据
  • 创建 API 处理器
  • 配置中间件

输入

  • 文件系统
  • 数据库
  • 外部 API
  • 表单数据
  • 请求数据
  • 缓存配置
  • 路由匹配器
  • 身份验证令牌

输出

  • 服务端组件
  • 客户端组件
  • 服务端操作
  • 缓存响应
  • 重新验证路径
  • 布局文件
  • 路由文件
  • 加载组件
  • 错误边界
  • 元数据对象
  • API 响应
  • 重定向路由

要求

  • Next.js 15
  • React 18+
  • 文件系统访问
  • 数据库连接
  • API 端点

来源

  • 规范: SKILL.md
Next.js
App Router
服务端组件
客户端组件
服务端操作
数据获取
缓存
路由
布局
API 路由
中间件
React
实现服务端组件
实现客户端组件
实现服务端操作
获取数据
文件系统
数据库
外部 API
服务端组件
客户端组件
服务端操作