일반 소개
CodeArena는 실시간 대결을 통해 최고의 오픈 소스 코드 생성 모델(LLM)을 선보이기 위해 고안된 독특한 플랫폼입니다. 사용자는 동일한 프로그래밍 작업에서 서로 다른 LLM이 경쟁하는 모습을 지켜보고 실시간 순위표를 통해 가장 우수한 모델을 확인할 수 있습니다. 이 플랫폼은 코드 생성을 위해 Together AI를, UI 코드 렌더링을 위해 샌드팩을, 애플리케이션 프레임워크로 Next.js와 TypeScript를 활용하며, CodeArena는 LLM의 기능을 보여줄 뿐만 아니라 사용자가 도구를 더 잘 이해하고 사용할 수 있도록 자세한 기술 스택과 사용법 가이드도 함께 제공합니다.

기능 목록
- LLM 프로그램 실시간 대결 시청하기
- 실시간 순위표를 보고 최고의 오픈 소스 코드 생성 모델에 대해 알아보세요.
- Together AI로 코드 생성
- 샌드팩 렌더링 UI 코드
- 애플리케이션 프레임워크로서의 Next.js 및 TypeScript
- 자세한 기술 스택 및 운영 지침 제공
도움말 사용
설치 프로세스
- 복제 창고:
git clone https://github.com/Nutlope/codearena
- 설정
.env
파일을 열고 Together AI API 키를 추가합니다:TOGETHER_API_KEY=
- Postgres 데이터베이스를 만들고(Neon 권장) 연결 세부 정보를 추가합니다.
.env
문서화:DATABASE_URL=
- 종속성을 설치하고 로컬에서 실행합니다:
npm install
노래로 응답npm run dev
사용 가이드라인
- LLM 대결 보기플랫폼 홈페이지를 방문하여 현재 진행 중인 프로그래밍 결투를 선택하면 동일한 작업에 대해 서로 다른 LLM이 어떻게 수행하는지 실시간으로 볼 수 있습니다.
- 순위 보기홈페이지에서 실시간으로 업데이트되는 리더보드에서 현재 최고 성능의 오픈 소스 코드 생성 모델을 확인하세요.
- 코드 생성Together AI를 사용하여 코드를 생성하면 플랫폼이 자동으로 UI 코드를 렌더링하고 결과를 표시합니다.
- 기술 스택 소개::
- 함께 AI코드 생성을 위한 AI 모델.
- 샌드팩UI 코드 렌더링 도구.
- Next.js 및 TypeScript플랫폼의 애플리케이션 프레임워크로서 효율적인 개발 환경을 제공합니다.
- Shadcn과 테일윈드: UI 컴포넌트 및 스타일링용.
- 그럴듯한 헬리콘분석 및 관찰용.
세부 운영 절차
- 클론 창고터미널에서 실행
git clone https://github.com/Nutlope/codearena
를 클릭하고 리포지토리를 로컬로 복제합니다. - 환경 변수 구성만들기
.env
파일을 열고 Together AI API 키와 Postgres 데이터베이스 연결 세부 정보를 추가합니다. - 종속성 설치: 실행
npm install
필요한 모든 종속성 패키지를 설치합니다. - 프로젝트 시작: 실행
npm run dev
로컬 개발 서버를 시작하고http://localhost:3000
플랫폼 보기. - 대결 보기플랫폼 홈페이지에서 진행 중인 결투를 선택하면 다양한 LLM의 프로그래밍 성능을 실시간으로 볼 수 있습니다.
- 순위 보기홈페이지에서 실시간으로 업데이트되는 리더보드에서 현재 최고 성적을 내고 있는 모델을 확인하세요.
- 코드 생성결투 페이지에서 Together AI를 사용하여 코드를 생성하면 플랫폼이 자동으로 렌더링하여 결과를 표시합니다.
이러한 단계를 통해 사용자는 CodeArena를 쉽게 시작하고, LLM 프로그래밍 대결을 시청하고, 최고의 오픈 소스 코드 생성 모델에 대해 배우고 사용할 수 있습니다.
© 저작권 정책
기사 저작권 AI 공유 서클 모두 무단 복제하지 마세요.
관련 문서
댓글 없음...