CodeArena: 오픈 소스 LLM 프로그래밍 기능 비교 아레나, 최고의 코드 생성 모델에 대한 실시간 보기

일반 소개

CodeArena 是一个独特的平台，旨在通过实时对决展示最佳开源代码生成模型（LLM）。用户可以观看不同的LLM在相同的编程任务中竞争，并通过实时排行榜查看表现最佳的模型。该平台利用Together AI生成代码，使用Sandpack渲染UI代码，并采用Next.js和TypeScript作为应用框架。CodeArena不仅展示了LLM的能力，还提供了详细的技术栈和操作指南，帮助用户更好地理解和使用这些工具。

기능 목록

• 实时观看LLM编程对决
• 查看实时排行榜，了解最佳开源代码生成模型
• 使用Together AI生成代码
• Sandpack渲染UI代码
• Next.js和TypeScript作为应用框架
• 提供详细的技术栈和操作指南

도움말 사용

설치 프로세스

1. 복제 창고:git clone https://github.com/Nutlope/codearena
2. 설정.env文件并添加Together AI API密钥：TOGETHER_API_KEY=
3. 创建Postgres数据库（推荐使用Neon）并将连接详情添加到.env문서화:DATABASE_URL=
4. 安装依赖并本地运行：npm install 노래로 응답 npm run dev

사용 가이드라인

1. 观看LLM对决：访问平台主页，选择当前进行的编程对决，实时观看不同LLM在相同任务中的表现。
2. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的开源代码生成模型。
3. 코드 생성：使用Together AI生成代码，平台会自动渲染UI代码并展示结果。
4. 技术栈介绍::
   • 함께 AI：用于生成代码的AI模型。
   • Sandpack：用于渲染UI代码的工具。
   • Next.js和TypeScript：作为平台的应用框架，提供高效的开发体验。
   • Shadcn和Tailwind：用于UI组件和样式设计。
   • Plausible和Helicone：用于分析和可观测性。

세부 운영 절차

1. 클론 창고터미널에서 실행git clone https://github.com/Nutlope/codearena，将仓库克隆到本地。
2. 환경 변수 구성만들기.env文件，并添加你的Together AI API密钥和Postgres数据库连接详情。
3. 종속성 설치: 실행npm install필요한 모든 종속성 패키지를 설치합니다.
4. 프로젝트 시작: 실행npm run dev로컬 개발 서버를 시작하고http://localhost:3000查看平台。
5. 观看对决：在平台主页上选择一个正在进行的对决，实时观看不同LLM的编程表现。
6. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的模型。
7. 코드 생성：在对决页面上，使用Together AI生成代码，平台会自动渲染并展示结果。

通过以上步骤，用户可以轻松上手使用CodeArena，观看LLM编程对决，并了解和使用最佳的开源代码生成模型。