FragmentsAI 生成应用跑通指南【免费下载链接】fragmentsOpen-source Next.js template for building apps that are fully generated by AI. By E2B.项目地址: https://gitcode.com/GitHub_Trending/fr/fragmentsFragments 是 E2B 出品的开源 Next.js 模板在聊天框里描述需求AI 直接生成可运行的 Web 应用。相比 Claude Artifacts、v0 等同类工具它支持多家模型厂商与多种沙箱模板还能完全自托管。跑通 fragments 前的三件准备运行时Node.js npm 即可项目基于 Next.js 14推荐 Node 18具体以官方仓库最新 README 为准账号密钥一个 E2B API Key提供云端代码沙箱 至少一个 LLM 厂商 Key如 OpenAI缺了这两个就起不了生成服务网络模型调用走对应厂商接口沙箱跑在 E2B 云端两者都要能访问15 分钟跑通 fragments 最小可用版本先克隆仓库并进入目录git clone https://gitcode.com/GitHub_Trending/fr/fragments cd fragments安装依赖完成后不应有报错输出npm install在根目录新建.env.local最小可用只填两项必填变量其余开关见下文E2B_API_KEYyour-e2b-api-key OPENAI_API_KEYyour-openai-key密钥用占位符示意实际值到 E2B 和模型厂商的控制台申请。然后启动开发服务器npm run dev看到 Ready 提示后浏览器打开 http://localhost:3000应该能看到聊天页左侧选模板和模型中间输入需求右侧代码与预览实时流式更新。让它写一个待办清单页面能跑起来即代表最小可用版本跑通。fragments 模型与模板怎么选模型注册表在 lib/models.json客户端封装在 lib/models.ts。内置厂商按用途大致分三组通用主力OpenAIo1 / o3-mini / GPT-4o 系列、AnthropicClaude 3.5 Sonnet / Haiku生成质量稳适合默认选择多模态与快推Google Vertex AIGemini 1.5 / 2.0 Flash偏多模态Groq、Fireworks、Together AI 主打开源模型的高速推理本地与小众Ollama 可接本地模型另有 xAI、DeepSeek、Mistral模板决定AI 生成的应用用哪种技术栈内置五款在 sandbox-templates/并在 lib/templates.json 注册模板适合场景Python data analyst数据分析与可视化按 notebook 单元格执行Next.js developer完整 React Web 应用沙箱内 3000 端口Vue.js developerVue 3 / Nuxt 3 应用Streamlit developerPython 数据应用8501 端口Gradio developer机器学习 Demo7860 端口经验法则要做网页或 Web 应用选 Next.js做数据处理与演示选 Python、Streamlit 或 Gradio。把配置调到位fragments 环境变量高频开关所有开关都是环境变量改动后必须重启才生效。三个高频场景开放给多人用配KV_REST_API_URL和KV_REST_API_TOKENUpstash KV限流与短链发布都依赖它限流默认每人每天 10 次嫌严就用RATE_LIMIT_MAX_REQUESTS和RATE_LIMIT_WINDOW调大隐藏密钥输入框设NEXT_PUBLIC_NO_API_KEY_INPUTtrue、NEXT_PUBLIC_NO_BASE_URL_INPUTtrue用户只能用服务端配置的密钥登录与行为统计多用户身份用 Supabase配SUPABASE_URL和SUPABASE_ANON_KEY想看生成行为数据再配 PostHog 的NEXT_PUBLIC_POSTHOG_KEY与NEXT_PUBLIC_POSTHOG_HOST可选项卡住了先看这里fragments 高频故障提示 429 You have reached your request limit限流只在用户未自带密钥且已配 KV 时生效默认每天 10 次调大RATE_LIMIT_MAX_REQUESTS后重启即可端口 3000 被占用换端口启动npm run dev -- -p 3001生成时报 E2B 或沙箱相关错误多为 Key 无效或余额不足到 E2B 控制台重新签发并更新.env.local改了环境变量没反应文件名必须是.env.local且要重启开发服务器首次响应特别慢首个请求要冷启动 E2B 云端沙箱后续会快属正常开发模式已用next dev --turbo加速编译fragments 部署步骤与二次开发托管平台如 Vercel连接仓库并新建项目在控制台填入上述环境变量不要提交进仓库构建命令用npm run build每次 push 自动触发部署自托管npm run build npm start启动生产服务用 PM2 或 systemd 守护进程Nginx 反代并终结 TLS多用户场景务必先配 KV 与限流变量进阶能力点到为止新增模型在 lib/models.json 加一条记录或到 lib/models.ts 扩展厂商客户端新增模板在 sandbox-templates/ 下建目录、写好e2b.Dockerfile与e2b.toml用 E2B CLI 构建后到 lib/templates.json 注册行为分析走 PostHog 环境变量接入。细节以官方仓库最新 README 为准。fragments 把一句话到可运行应用的门槛压得很低沙箱隔离了代码执行多模型支持让你按需切换 LLM自托管又把它变成团队内部可用的生产力工具。本地跑通之后马上可以再做三件事换成你实际使用的模型 Key用默认 Next.js 模板完整走一遍生成流程分别用 Python 和 Next.js 模板各生成一个页面对比两类模板的产出差异准备多人上线前先把 KV、限流、隐藏输入框这三个开关配置到位【免费下载链接】fragmentsOpen-source Next.js template for building apps that are fully generated by AI. By E2B.项目地址: https://gitcode.com/GitHub_Trending/fr/fragments创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
企业数字化 ERP 产品动态
相关推荐
PaddleSpeech T2S 训练框架 Snapshot 扩展深度解析：检查点的保存、轮转与断点恢复机制 人工智能语音音频 【免费下载链接】PaddleSpeech Easy-to-use Speech Toolkit including Self-Supervised Learning model, SOTA/Streaming ASR with punctuation, Streaming TTS with text frontend, Speaker Verification System, End-to-End Speech Translation and Keyword… · 2026/9/24 13:35:23
使用 playwright-cli 录制浏览器自动化视频：WebM 录制、章节标注与 Overlay API 完全指南 前端富文本UI组件AI 应用 【免费下载链接】BlockNote A React Rich Text Editor thats block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap. 项目地址： https://gitcode.com/gh_mirrors/bl/BlockNote 点击查看 免费下载 导读
本… · 2026/9/24 13:35:23
Jackett终极指南：一站式资源聚合引擎，让种子搜索效率提升80% Jackett终极指南：一站式资源聚合引擎，让种子搜索效率提升80%
你是否厌倦了在十几个种子网站间来回切换？是否曾为寻找特定资源而花费数小时？Jackett 作为一款开源的资源聚合引擎，正是为解决这些痛点而生。这款强大的种… · 2026/9/24 13:35:23
【企业智能体开发】实现任务规划与可控的工具调用 小林的投屏问题进入第二轮：她已经说明使用线缆，服务台查到了适用指引，却在尝试后仍看不到画面。此时如果 Agent 只会“调用下一个工具”，它可能重复检索同一篇资料，甚至在员工未确认时直接建单。真正的任务规划，是把目标拆成有前置条件、有完成证据、有退出路径的少量步骤… · 2026/9/24 14:02:12
【企业智能体开发】管理会话上下文与任务状态 小林已经把“线缆连接、A301、屏幕无信号”说清楚，也按指引试过了。她离开聊天窗口去检查设备，几分钟后回来输入：“还是不行。”如果 Agent 只记得最后四个字，就可能重新询问房间号；如果把整段聊天原样塞回模型，却没有明确的任务状态，也可能误以为已经创建了工单。
本篇… · 2026/9/24 14:02:05
【企业智能体开发】用结构化输出约束智能体决策 演示服务台时，小林说“A301 投屏没有画面”。模型给出一段看似热心的回答：“先问连接方式，查一下设备说明；若不行，就创建工单。”这段话适合人阅读，却不适合程序直接执行：它同时包含追问、查询和写入三个动作，而且没有说明什么时候获得员工确认。
企业 Agent 需要把“… · 2026/9/24 14:02:05
【企业智能体开发】建立测试集与回归评测流程 服务台试点一周后，团队准备更换模型，并改进投屏指引的切分方式。演示对话看起来更自然了，小林的问题却可能出现新错误：原来会先追问连接方式，现在直接推荐不适用步骤；原来会在建单前确认，现在把“帮我处理”误当成同意。没有固定的测试集，每一次“优化”都可能悄悄破坏… · 2026/9/24 14:02:05
【企业智能体开发】设计可替换的模型调用适配层 小林的投屏求助已经能在演示循环里走完“追问—查指引—回答”。试点时，团队却遇到一个常见变化：同一套服务台，有些请求需要较强的理解能力，有些只需完成简单分类；某个模型接口维护时，还需要切换到备用服务。如果业务代码里到处都是某家模型的请求字段、消息格式和错误码… · 2026/9/24 14:02:05
【企业智能体开发】用 Python 实现最小智能体执行循环 小林在会议室提交“投屏没有画面”之后，服务台先问连接方式；她回答“线缆连接”后，系统才查适用指引并给出建议。这不是一次模型调用就能完成的问答，而是一段根据中间结果改变下一步的任务。若只把全部历史对话反复塞给模型，程序仍然不知道何时该追问、何时能调用工具、何… · 2026/9/24 14:02:05
基于YOLOv8的渔船作业监控系统：从环境搭建到边缘部署全流程 简介：这是一套面向计算机、人工智能、自动化等专业学生与教师的毕业设计级项目资源，围绕YOLOv8实现渔船作业监控系统，可用于毕设、课程设计、大作业或项目立项演示。压缩包共97个文件，约24.21MB，以70个Python源码文件为… · 2026/9/24 0:00:13
1D-CNN时间序列建模实战：从Conv1d原理到工业落地 简介：面向时间序列数据建模的一维卷积神经网络完整实现，适合深度学习入门者及需要快速验证时序模型的研究者，能够从音频、文本、传感器或股价等序列中挖掘局部特征与时间依赖。压缩包体积很小，只有3KB，内含3个Python脚… · 2026/9/24 0:00:26
柔软的L：汉语语流中被忽视的舌肌张力控制 1. 这个“L”不是字母表里的L，而是舌尖上的L最近在几个方言群和语音教学社群里，反复看到有人发一句：“也说字母L：柔软的长舌”。初看以为是英语发音课笔记，点开才发现全是方言爱好者、播音系学生、语言康复师甚至戏曲演… · 2026/9/24 0:00:44
