LogoClawIndex
案例技能关于
LogoClawIndex

nextjs-app-router - Next.js 15 App Router 实现指南

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

标签

更新于: 2026-03-22

能力

典型输入

典型输出

该技能可以做什么

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

输入

  • Next.js 项目文件
  • API 端点
  • 数据库连接
  • 表单数据

输出

  • 服务端组件
  • 客户端组件
  • 服务端操作
  • 路由处理器
  • 中间件配置
  • 元数据配置

要求

  • Next.js 15
  • App Router 已启用
  • TypeScript

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Next.js
App Router
React 服务端组件
Web 开发
TypeScript
创建服务端组件
创建客户端组件
实现服务端操作
获取静态数据
Next.js 项目文件
API 端点
数据库连接
服务端组件
客户端组件
服务端操作