Fragments : versions libres d'applications telles que Claude Artifacts d'Anthropic, Vercel v0 ou GPT Engineer.

Introduction générale

Fragments by E2B是一个开源项目，提供了一个基于Next.js的模板，用于构建完全由AI生成的应用程序。该项目由 E2B 开发，旨在简化和加速AI应用的开发过程。它集成了多种现代技术和工具，如Next.js 14、TailwindCSS、Vercel AI SDK等，支持多种编程语言和框架，包括Python、Vue.js、Streamlit等。

构建纯前端单文件项目不错，可能受到提示词和存储上下文方法影响，很难构建并成功运行复杂的项目代码。

Liste des fonctions

• 基于Next.js 14的应用路由和服务器操作
• 集成shadcn/ui和TailwindCSS进行UI设计
• 使用Vercel AI SDK进行AI功能集成
• 支持多种编程语言和框架（Python、Vue.js、Streamlit、Gradio等）
• 支持多种LLM提供商（OpenAI、Anthropic、Google AI等）
• 提供安全的代码执行环境
• 支持npm和pip包管理
• 实时UI流式更新

Utiliser l'aide

Processus d'installation

1. entrepôt de clones 在终端中运行以下命令克隆仓库：

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

2. Installation des dépendances 进入仓库目录并安装所需依赖：

   cd fragments
npm install

3. Définition des variables d'environnement Créer un.env.local文件，并设置以下环境变量：

   E2B_API_KEY=你的E2B API密钥
OPENAI_API_KEY=你的OpenAI API密钥
# 其他提供商的API密钥
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=

4. Démarrer le serveur de développement Exécutez la commande suivante pour démarrer le serveur de développement :

   npm run dev

5. Construire des applications web 运行以下命令构建Web应用：

   npm run build

Lignes directrices pour l'utilisation

1. 添加自定义模板 确保已安装并登录E2B CLI。创建一个新文件夹并初始化新模板：

   e2b template init

根据需要调整生成的e2b.DockerfileDocumentation.

2. 部署模板 使用E2B CLI部署模板：

   e2b template build --name <template-name>

部署完成后，将新模板添加到lib/templates.jsonAu milieu.

3. 添加自定义LLM模型 spectacle (un billet)lib/models.json文件，添加新模型条目：

   {
"id": "mistral-large",
"name": "Mistral Large",
"provider": "Ollama",
"providerId": "ollama"
}

4. 添加自定义LLM提供商 spectacle (un billet)lib/models.ts文件，添加新提供商配置：

   fireworks: () => createOpenAI({
apiKey: apiKey || process.env.FIREWORKS_API_KEY,
baseURL: baseURL || 'https://api.fireworks.ai/inference/v1'
})(modelNameString),