CodeArena: comparador de capacidades de programación LLM de código abierto, visión en tiempo real de los mejores modelos de generación de código

Introducción general

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

Lista de funciones

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

Utilizar la ayuda

Proceso de instalación

1. Almacén de clonación:git clone https://github.com/Nutlope/codearena
2. establecer.env文件并添加Together AI API密钥：TOGETHER_API_KEY=
3. 创建Postgres数据库（推荐使用Neon）并将连接详情添加到.envDocumentación:DATABASE_URL=
4. 安装依赖并本地运行：npm install responder cantando npm run dev

Normas de uso

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

Procedimiento de funcionamiento detallado

1. almacén de clonesEjecutar en un terminalgit clone https://github.com/Nutlope/codearena，将仓库克隆到本地。
2. Configuración de variables de entorno: Crear un.env文件，并添加你的Together AI API密钥和Postgres数据库连接详情。
3. Instalación de dependencias: Ejecutarnpm install安装所有必要的依赖包。
4. Inicio de proyectos: Ejecutarnpm run devInicie el servidor de desarrollo local y acceda alhttp://localhost:3000查看平台。
5. 观看对决：在平台主页上选择一个正在进行的对决，实时观看不同LLM的编程表现。
6. 查看排行榜：在主页上查看实时更新的排行榜，了解当前表现最佳的模型。
7. Generar código：在对决页面上，使用Together AI生成代码，平台会自动渲染并展示结果。

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