LogoClawIndex
案例技能关于
LogoClawIndex

building-nextjs-apps - 使用现代模式构建 Next.js 16 应用

使用正确的模式构建 Next.js 16 应用,包括页面、布局、动态路由和服务端操作

标签

更新于: 2026-03-25
Next.jsReact前端Web开发TypeScript全栈

能力

典型输入

典型输出

该技能可以做什么

  • 创建 Next.js 项目
  • 编写页面组件
  • 构建布局组件
  • 处理动态路由
  • 实现服务端操作
  • 配置 API 路由
  • 设置 proxy.ts

输入

  • TypeScript
  • Tailwind CSS
  • shadcn/ui

输出

  • Next.js 应用文件
  • 项目目录结构
  • API 端点
  • 代理配置

要求

  • Node.js 环境
  • Next.js 16 框架
  • npx 包运行器

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建 Next.js 项目
编写页面组件
构建布局组件
处理动态路由
TypeScript
Tailwind CSS
shadcn/ui
Next.js 应用文件
项目目录结构
API 端点