LogoClawIndex
案例技能关于
LogoClawIndex

web-frameworks - 使用 Next.js 和 Turborepo 构建全栈应用

使用 Next.js 构建现代全栈 Web 应用,使用 Turborepo 管理单体仓库,集成 RemixIcon 实现专业图标系统。

标签

更新于: 2026-05-28

能力

典型输入

典型输出

该技能可以做什么

  • 创建 Next.js 项目
  • 使用 Turborepo 配置单体仓库
  • 配置服务端渲染
  • 实现静态站点生成
  • 配置构建管道
  • 配置缓存策略
  • 集成 RemixIcon
  • 创建 React 应用
  • 配置 TypeScript 项目
  • 配置路由和布局
  • 添加加载状态
  • 优化图片和字体
  • 获取数据
  • 创建 API 路由
  • 配置 CI/CD 管道
  • 部署应用

输入

  • 应用名称
  • 包结构
  • 路由配置
  • 任务管道配置
  • API 端点
  • 数据源
  • 图标需求
  • 单体仓库结构

输出

  • Next.js 应用文件
  • 单体仓库项目结构
  • 配置的构建管道
  • 服务端渲染页面
  • 静态生成页面
  • 共享组件库
  • CI/CD 管道配置
  • 部署文件

要求

  • Node.js 环境
  • npm 或 yarn 或 pnpm
  • TypeScript 支持
  • React 框架

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Web 开发
全栈
Next.js
React
单体仓库
Turborepo
服务端渲染
静态站点生成
图标
TypeScript
构建系统
缓存
创建 Next.js 项目
使用 Turborepo 配置单体仓库
配置服务端渲染
实现静态站点生成
应用名称
包结构
路由配置
Next.js 应用文件
单体仓库项目结构
配置的构建管道