Fragments开源AI全栈应用生成器，基于Next.js 14与安全沙箱快速构建AI驱动应用

Fragments：开源的AI全栈应用生成器

你是否曾幻想过，只需一个想法或一段描述，AI就能为你生成一个功能完整的Web应用？Fragments 正是这样一个将幻想变为现实的工具。它是一个基于 Next.js 14 的开源模板，利用 E2B SDK 安全地执行AI生成的代码，让你能够像使用 Claude Artifacts 或 Vercel v0 一样，快速构建由AI驱动的全栈应用。

截至收录：
Fragments项目stars数：6114
Fragments项目forks数：848

Fragments项目目录截图

Fragments项目核心亮点

• 🚀 全栈AI代码生成：基于强大的 Next.js 14（App Router）和 Vercel AI SDK，能够生成从前端UI到后端逻辑的完整应用代码。
• 🔐 安全的代码沙箱：集成 E2B SDK，为AI生成的代码提供一个隔离、安全的执行环境，支持从 npm 和 pip 安装任意依赖包。
• 🔄 实时流式响应：UI支持实时流式输出，让你可以直观地看到AI生成代码、安装依赖和启动应用的整个过程。
• 🧩 高度可扩展与定制：预置多种技术栈（如Python、Next.js、Vue.js）和主流LLM提供商（如OpenAI、Anthropic），并允许你轻松添加自定义的模板和模型。

Fragments项目快速开始

只需几步，你就能在本地启动你自己的AI应用生成器：
1. 克隆仓库并安装依赖：

bash
git clone https://github.com/e2b-dev/fragments.git
cd fragments
npm i

2. 配置环境变量：
在项目根目录创建 .env.local 文件，并填入你的 API 密钥：

env
# 从 https://e2b.dev/ 获取
E2B_API_KEY="your-e2b-api-key"
# 你的LLM提供商API密钥，例如OpenAI
OPENAI_API_KEY="your-openai-api-key"

3. 启动开发服务器：

npm run dev

现在，打开浏览器访问 http://localhost:3000 即可开始使用。

Fragments项目应用场景

• 快速原型验证：产品经理或创业者可以用自然语言描述需求，快速生成可交互的应用原型，验证想法。
• 教育与学习：开发者或学生可以通过观察AI如何构建应用，来学习特定框架（如Next.js、Streamlit）的最佳实践和项目结构。
• 内部工具开发：团队可以基于此模板定制化，用于快速生成数据看板、报告工具等内部应用，提升开发效率。
• AI代理与工作流：作为更复杂AI代理系统的一部分，负责将规划好的任务具体实现为可运行的代码应用。

Fragments项目链接

e2b-dev / fragments项目地址：https://github.com/e2b-dev/fragments

本文地址：https://www.tgoos.com/36094