Fragments by E2B：AI生成应用模板，让应用开发更智能

在人工智能技术飞速发展的今天，我们见证了许多创新工具的诞生，它们正在改变传统的软件开发方式。今天，我要向大家介绍一个名为Fragments by E2B的开源项目，这是一个基于Next.js 14、shadcn/ui、TailwindCSS和Vercel AI SDK构建的AI应用开发模板。它利用E2B SDK安全地执行由AI生成的代码，支持多种编程语言和AI模型，实现应用的快速开发。

Fragments by E2B是什么？

Fragments by E2B是一个开源的Next.js模板，专为那些希望通过人工智能完全生成应用的开发者设计。它基于Anthropic的Claude Artifacts、Vercel v0和GPT Engineer，提供了一个强大的平台，让开发者能够利用AI的力量来加速开发过程。

特点

基于Next.js 14：利用App Router和Server Actions等特性。
UI框架：集成了shadcn/ui和TailwindCSS，提供流畅的UI体验。
代码执行：使用E2B SDK安全地执行AI生成的代码。
实时流式UI：在用户界面中实现实时数据流。
包管理：可以安装和使用任何来自npm或pip的包。
支持的编程语言：包括Python解释器、Next.js、Vue.js、Streamlit和Gradio。
支持的LLM提供商：包括OpenAI、Anthropic、Google AI、Mistral、Groq、Fireworks、Together AI和Ollama。

开始使用

要开始使用Fragments by E2B，你需要准备以下条件：

git
最新版本的Node.js和npm包管理器
E2B API密钥
LLM提供商API密钥

以下是开始的步骤：

克隆仓库：

bash

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

安装依赖：进入仓库目录并安装所需依赖：

bash
```
cd fragments
npm i
```

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

plaintext

E2B_API_KEY="your-e2b-api-key"
OPENAI_API_KEY=
ANTHROPIC_API_KEY=
GROQ_API_KEY=
FIREWORKS_API_KEY=
TOGETHER_AI_API_KEY=
GOOGLE_AI_API_KEY=
MISTRAL_API_KEY=