조각: Anthropic의 클로드 아티팩트, Vercel v0 또는 GPT 엔지니어와 같은 애플리케이션의 오픈 소스 버전입니다.

10.4K 00

일반 소개

E2B의 Fragments는 AI로만 생성된 애플리케이션을 구축하기 위한 Next.js 기반 템플릿을 제공하는 오픈 소스 프로젝트입니다. 이 프로젝트의 개발자는 E2B AI 애플리케이션의 개발 프로세스를 간소화하고 가속화하기 위해 개발되었습니다. Next.js 14, TailwindCSS, Vercel AI SDK 등 다양한 최신 기술과 도구를 통합하고 Python, Vue.js, Streamlit 등 광범위한 프로그래밍 언어와 프레임워크를 지원합니다.

순수한 프런트엔드 단일 파일 프로젝트를 빌드하는 것은 좋지만 힌트 단어와 저장 컨텍스트 메서드의 영향을 받아 복잡한 프로젝트 코드를 빌드하고 성공적으로 실행하기 어려울 수 있습니다.

Fragments：类似于 Anthropic 的 Claude Artifacts、Vercel v0 或 GPT Engineer 等应用程序的开源版本

기능 목록

Next.js 기반 애플리케이션 라우팅 및 서버 운영 14
UI 디자인을 위한 shadcn/ui와 TailwindCSS의 통합
버셀 AI SDK와 AI 기능 통합
여러 프로그래밍 언어 및 프레임워크 지원(Python, Vue.js, Streamlit, Gradio 등)
여러 LLM 제공업체 지원(OpenAI, Anthropic, Google AI 등)
안전한 코드 실행 환경 제공
npm 및 pip 패키지 관리 지원
실시간 UI 스트리밍 업데이트

도움말 사용

설치 프로세스

클론 창고 터미널에서 다음 명령을 실행하여 리포지토리를 복제합니다:

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

종속성 설치 리포지토리 디렉토리로 이동하여 필요한 종속성을 설치합니다:

   cd fragments
npm install

환경 변수 설정 만들기.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=

개발 서버 시작 다음 명령을 실행하여 개발 서버를 시작합니다:

   npm run dev

웹 애플리케이션 구축 다음 명령을 실행하여 웹 애플리케이션을 빌드합니다:

   npm run build

사용 가이드라인

사용자 지정 템플릿 추가 E2B CLI가 설치되어 있고 로그인되었는지 확인합니다. 새 폴더를 만들고 새 템플릿을 초기화합니다:

   e2b template init

생성된e2b.Dockerfile문서화.

배포 템플릿 E2B CLI를 사용하여 템플릿을 배포합니다:

   e2b template build --name <template-name>

배포가 완료되면 새 템플릿을 새 템플릿에 추가합니다.lib/templates.json가운데.

사용자 지정 LLM 모델 추가 쇼(티켓)lib/models.json파일에 새 모델 항목을 추가합니다:

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

사용자 지정 LLM 공급자 추가 쇼(티켓)lib/models.ts파일을 추가하여 새 공급자 구성을 추가합니다:

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