本节课代码：https://github.com/AI-FE/private-component-codegen

上节，介绍了市面上主流的 AI 研发技术栈：OpenAI SDK、LangChain、LlamaIndex、Vercel AI SDK。

本节，正式开始实战一的项目：实现一个基于私有库的代码生成器。

项目教学规划

• 代码优先全开放：https://github.com/AI-FE/private-component-codegen

• 主学（优先讲）：OpenAI SDK、Vercel AI SDK

• 选学（后续补充）：LangChain、LlamaIndex

项目效果演示

• 项目初始化启动（参考项目 Readme）

• storybook 业务组件（见视频）

• 页面效果（见视频）

请用 Input、Button、List、Checkbox这几个基础组件来实现

项目技术架构

项目目录结构

项目目录结构

├── app
│ ├── api // api 路由
│ │ ├── openai
│ │ ├── langchain
│ │ ├── llamaindex
│ │ ├── vercelai
│ ├── components // 业务组件
│ ├── openai-sdk // 对接 OpenAI SDK 的 page
│ ├── langchain // 对接 LangChain 的 page
│ ├── llamaindex // 对接 LlamaIndex 的 page
│ ├── vercel-ai // 对接 Vercel AI 的 page
│ ├── page.tsx // 入口
├── lib
│ ├── db // 数据库
│ │ ├── openai
│ │ │ ├── schema.ts
│ │ │ ├── selectors.ts
│ │ │ ├── actions.ts
│ │ ├── vercelai
│ │ │ ├── schema.ts
│ │ │ ├── selectors.ts
│ │ │ ├── actions.ts