在人工智能技术飞速发展的今天，我们见证了许多创新工具的诞生，它们正在改变传统的软件开发方式。今天，我要向大家介绍一个名为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密钥

以下是开始的步骤：

1. 克隆仓库：

   bash

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

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

   bash

   cd fragments
   npm i

3. 设置环境变量： 创建一个.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=

4. 启动开发服务器：

   bash

   npm run dev

5. 构建Web应用：

   bash

   npm run build

定制化

Fragments by E2B支持定制化，你可以添加自定义角色、LLM模型和提供商。通过E2B CLI，你可以初始化新的模板，调整Dockerfile，指定自定义启动命令，并部署模板。

结语

Fragments by E2B是一个强大的工具，它将AI的力量带入了应用开发领域。无论你是想快速原型设计，还是希望利用AI来加速开发流程，Fragments by E2B都是一个值得尝试的选择。别忘了给我们一个星标支持哦！

---

想要了解更多或开始使用Fragments by E2B，请访问官方GitHub仓库。让我们一起拥抱AI，让开发变得更智能、更高效！