LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

nextjs - Next.js 框架开发助手

协助使用 Next.js 框架构建生产级 React 应用程序

标签

更新于: 2026-03-09

能力

典型输入

典型输出

该技能可以做什么

  • 使用基于文件的路由创建路由
  • 构建服务器组件和客户端组件
  • 在服务器组件中使用 async/await 获取数据
  • 使用服务器动作处理变更
  • 选择渲染策略(ISR、SSR、SSG)
  • 为认证添加中间件
  • 使用 next/image 优化图片
  • 使用 generateMetadata 实现动态 SEO

输入

  • Node.js 18+ 环境
  • React 应用程序代码库
  • Next.js 项目配置
  • 服务器组件的数据库连接
  • 认证系统设置

输出

  • 生产就绪的 React 应用程序
  • 具有服务器端数据获取的仪表板
  • 带有中间件的认证系统
  • 优化的 Next.js 组件
  • 基于文件的路由

要求

  • Node.js 18+
  • Next.js 框架
  • React 知识

来源

  • 规范: SKILL.md
nextjs
react
全栈
服务器端渲染
服务器组件
开发
框架
使用基于文件的路由创建路由
构建服务器组件和客户端组件
在服务器组件中使用 async/await 获取数据
使用服务器动作处理变更
Node.js 18+ 环境
React 应用程序代码库
Next.js 项目配置
生产就绪的 React 应用程序
具有服务器端数据获取的仪表板
带有中间件的认证系统