本文于 2024-12-12 13:50 更新,部分内容具有时效性,如有失效,请留言
Allgemeine Einführung
CodeArena 是一个独特的平台,旨在通过实时对决展示最佳开源代码生成模型(LLM)。用户可以观看不同的LLM在相同的编程任务中竞争,并通过实时排行榜查看表现最佳的模型。该平台利用Together AI生成代码,使用Sandpack渲染UI代码,并采用Next.js和TypeScript作为应用框架。CodeArena不仅展示了LLM的能力,还提供了详细的技术栈和操作指南,帮助用户更好地理解和使用这些工具。
Funktionsliste
- 实时观看LLM编程对决
- 查看实时排行榜,了解最佳开源代码生成模型
- 使用Together AI生成代码
- Sandpack渲染UI代码
- Next.js和TypeScript作为应用框架
- 提供详细的技术栈和操作指南
Hilfe verwenden
Ablauf der Installation
- Klon-Lagerhaus:
git clone https://github.com/Nutlope/codearena
- einrichten.
.env
文件并添加Together AI API密钥:TOGETHER_API_KEY=
- 创建Postgres数据库(推荐使用Neon)并将连接详情添加到
.env
Dokumentation:DATABASE_URL=
- 安装依赖并本地运行:
npm-Installation
im Gesang antwortennpm run dev
Richtlinien für die Verwendung
- 观看LLM对决:访问平台主页,选择当前进行的编程对决,实时观看不同LLM在相同任务中的表现。
- 查看排行榜:在主页上查看实时更新的排行榜,了解当前表现最佳的开源代码生成模型。
- Code generieren:使用Together AI生成代码,平台会自动渲染UI代码并展示结果。
- 技术栈介绍::
- Gemeinsam AI:用于生成代码的AI模型。
- Sandpack:用于渲染UI代码的工具。
- Next.js和TypeScript:作为平台的应用框架,提供高效的开发体验。
- Shadcn和Tailwind:用于UI组件和样式设计。
- Plausible和Helicone:用于分析和可观测性。
Detaillierte Vorgehensweise
- Klon-Lager: In einem Terminal ausführen
git clone https://github.com/Nutlope/codearena
,将仓库克隆到本地。 - Umgebungsvariablen konfigurieren:在项目根目录下创建一个
.env
文件,并添加你的Together AI API密钥和Postgres数据库连接详情。 - Installation von Abhängigkeiten: Lauf
npm-Installation
安装所有必要的依赖包。 - Initiierung von Projekten: Lauf
npm run dev
Starten Sie den lokalen Entwicklungsserver und greifen Sie auf diehttp://localhost:3000
查看平台。 - 观看对决:在平台主页上选择一个正在进行的对决,实时观看不同LLM的编程表现。
- 查看排行榜:在主页上查看实时更新的排行榜,了解当前表现最佳的模型。
- Code generieren:在对决页面上,使用Together AI生成代码,平台会自动渲染并展示结果。
通过以上步骤,用户可以轻松上手使用CodeArena,观看LLM编程对决,并了解和使用最佳的开源代码生成模型。