fragments

(★ 6,369)

완전한 AI 생성 앱 구축을 위한 오픈소스 Next.js 템플릿. E2B 제작.

오너의 다른 레포

E2B ★ 13,506

엔터프라이즈급 에이전트를 위한 실무 도구가 포함된 오픈소스 보안 환경.

Python
code-interpreter ★ 2,383

Python & JS/TS SDK for running AI-generated code/code interpreting in your AI app

Python
open-computer-use ★ 2,218

AI computer use powered by open source LLMs and E2B Desktop Sandbox

Python
desktop ★ 1,453

E2B Desktop Sandbox for LLMs. E2B Sandbox with desktop graphical environment that you can connect to any LLM for secure computer use.

Python
e2b-cookbook ★ 1,388

Examples of using E2B

TypeScript
infra ★ 1,335

Infrastructure that's powering E2B Cloud.

Go

파일 탐색기

ZIP 다운로드
  • .env.template
  • .eslintrc.json
  • .gitignore
  • .prettierrc
  • CODEOWNERS
  • components.json
  • LICENSE
  • middleware.ts
  • next.config.mjs
  • package-lock.json
  • package.json
  • postcss.config.mjs
  • README.md
  • renovate.json5
  • tailwind.config.ts
  • tsconfig.json

# 설치 가이드

node
사전 준비물

설치 및 실행 절차

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

저장소를 로컬에 복제합니다.

cd fragments

프로젝트 디렉토리로 이동합니다.

cp .env.template .env.local

환경 변수 설정 파일을 복사하여 생성합니다.

npm i

프로젝트 의존성을 설치합니다.

npm run dev

개발 서버를 실행합니다.

npm run build

프로덕션용 애플리케이션을 빌드합니다.

핵심 명령어

npm i

패키지 의존성을 설치합니다.

npm run dev

로컬 개발 서버를 시작합니다.

npm run build

프로덕션 빌드를 생성합니다.

.env.local 파일에 E2B_API_KEY 및 사용할 LLM 제공자 API 키를 필수로 설정해야 합니다.

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

링크
예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

git clone

설명 보기 ▼

Clone an existing repository.

git clone {{remote_repository_location}} {{path/to/directory}}

Clone an existing repository into a new directory (the default directory is the repository name):

git clone --recursive {{remote_repository_location}}

Clone an existing repository and its submodules:

git clone {{[-n|--no-checkout]}} {{remote_repository_location}}

Clone only the `.git` directory of an existing repository:

🔍

npm run

설명 보기 ▼

Run a script.

npm run

List available scripts:

npm run {{script_name}}

Run a script:

npm run {{script_name}} -- {{argument}} {{--option}}

Pass arguments to a script:

🔍

npm

설명 보기 ▼

JavaScript 및 Node.js 패키지 관리자.
Node.js 프로젝트 및 모듈 의존성을 관리합니다.
더 많은 정보: <https://docs.npmjs.com/cli/npm/>.

npm init {{[-y|--yes]}}

기본값으로 `package.json` 파일 생성 (`--yes`를 생략하면 대화식으로 진행):

npm {{[i|install]}}

package.json에 의존성으로 나열된 모든 패키지를 다운로드:

npm {{[i|install]}} {{package_name}}@{{version}}

특정 버전의 패키지를 다운로드하고 `package.json`의 의존성 목록에 추가:

🔍

streamlit

설명 보기 ▼

Python에서 상호작용하는 데이터 기반 웹 앱을 만드는 프레임워크.
더 많은 정보: <https://docs.streamlit.io/develop/api-reference/cli>.

streamlit hello

Streamlit 설치 여부 확인:

streamlit run {{project_name}}

Streamlit 애플리케이션 실행:

streamlit --help

도움말 표시:

// repository documentation