LogoClawIndex
案例技能关于
LogoClawIndex

building-nextjs-apps - 构建 Next.js 16 应用

使用正确模式和独特设计构建 Next.js 16 应用

标签

更新于: 2026-03-25

能力

典型输入

典型输出

该技能可以做什么

  • 创建 Next.js 应用
  • 创建页面
  • 创建布局
  • 创建动态路由
  • 从 Next.js 15 升级
  • 实现 proxy.ts
  • 使用服务器组件
  • 使用客户端组件
  • 创建 API 路由
  • 创建服务器操作
  • 配置 shadcn/ui
  • 获取数据

输入

  • TypeScript
  • Tailwind CSS
  • shadcn/ui 组件
  • 设计指南
  • 数据库连接

输出

  • Next.js 应用
  • React 组件
  • API 路由
  • 服务器操作
  • 代理配置
  • 项目结构

要求

  • Node.js
  • Next.js 16
  • React 18+
  • TypeScript
  • next-devtools-mcp

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Next.js
React
TypeScript
SSR
App Router
前端开发
Web 开发
服务器组件
创建 Next.js 应用
创建页面
创建布局
创建动态路由
TypeScript
Tailwind CSS
shadcn/ui 组件
Next.js 应用
React 组件
API 路由