Fragments 开源项目使用教程

Fragments 开源项目使用教程

fragments Open-source Next.js template for building apps that are fully generated by AI. By E2B. 项目地址: https://gitcode.com/gh_mirrors/fr/fragments

1. 项目介绍

Fragments 是由 E2B 开发的一个开源 Next.js 模板，用于构建完全由 AI 生成的应用程序。它基于 Next.js 14、shadcn/ui、TailwindCSS 和 Vercel AI SDK，并通过 E2B SDK 安全地执行 AI 生成的代码。Fragments 支持多种技术栈和大型语言模型提供商，使得开发者可以轻松集成和使用。

2. 项目快速启动

环境准备

• git
• Node.js 和 npm 包管理器
• E2B API Key
• LLM 提供商 API Key

克隆仓库

在终端中执行以下命令克隆仓库：

git clone https://github.com/e2b-dev/fragments.git

安装依赖

进入仓库后，运行以下命令安装所需依赖：

cd fragments
npm i

设置环境变量

创建一个 .env.local 文件，并设置以下环境变量：

# 获取你的 API key - https://e2b.dev/
E2B_API_KEY=your-e2b-api-key
# OpenAI API Key
OPENAI_API_KEY=
# 其他提供商
ANTHROPIC_API_KEY=
GROQ_API_KEY=
FIREWORKS_API_KEY=
TOGETHER_API_KEY=
GOOGLE_AI_API_KEY=
GOOGLE_VERTEX_CREDENTIALS=
MISTRAL_API_KEY=
XAI_API_KEY=
# 可选环境变量
# 网站的域名
NEXT_PUBLIC_SITE_URL=
# 速率限制
RATE_LIMIT_MAX_REQUESTS=
RATE_LIMIT_WINDOW=
# Vercel/Upstash KV (短网址、速率限制)
KV_REST_API_URL=
KV_REST_API_TOKEN=
# Supabase (认证)
SUPABASE_URL=
SUPABASE_ANON_KEY=
# PostHog (分析)
NEXT_PUBLIC_POSTHOG_KEY=
NEXT_PUBLIC_POSTHOG_HOST=
# 禁用功能（取消注释时）
# 禁止在聊天中输入 API key 和基 URL
# NEXT_PUBLIC_NO_API_KEY_INPUT=
# NEXT_PUBLIC_NO_BASE_URL_INPUT=
# 隐藏本地模型列表中的本地模型
# NEXT_PUBLIC_HIDE_LOCAL_MODELS=

启动开发服务器

运行以下命令启动开发服务器：

npm run dev

构建网页应用

运行以下命令构建网页应用：

npm run build

3. 应用案例和最佳实践

（此部分将介绍一些典型的使用 Fragments 的应用案例和最佳实践，具体内容根据实际项目情况编写。）

4. 典型生态项目

（此部分将列出一些与 Fragments 互操作的典型生态项目，具体内容根据实际项目情况编写。）

请注意，以上步骤和说明仅为快速启动指南，详细配置和定制化内容请参考项目官方文档。

fragments Open-source Next.js template for building apps that are fully generated by AI. By E2B. 项目地址: https://gitcode.com/gh_mirrors/fr/fragments