GeminiCoder: Basado en el proyecto LlamaCoder, utiliza la API Gemini para generar rápidamente aplicaciones web.

Introducción general

GeminiCoder es un programa basado en Google Géminis API de desarrollo de herramientas innovadoras de generación de aplicaciones web. El proyecto hereda el LlamaCoder e integra potentes modelos de IA como los últimos Gemini 1.5 Pro, Gemini 1.5 Flash y Gemini 2.0 Flash Experimental. Con sencillas instrucciones de texto, los usuarios pueden generar rápidamente aplicaciones web completas. El proyecto utiliza una pila de tecnología moderna, incluido el marco Next.js y la biblioteca de estilos CSS Tailwind, e integra el sandbox de código en línea Sandpack para proporcionar a los desarrolladores una experiencia de edición de código y previsualización en tiempo real sin problemas.GeminiCoder simplifica enormemente el proceso de desarrollo de aplicaciones, permitiendo transformar rápidamente las ideas en realidad.

Lista de funciones

• Generación de aplicaciones web completas a partir de mensajes en lenguaje natural
• Integración de los últimos modelos experimentales de IA Gemini 1.5 Pro y 2.0 Flash
• Funciones de edición y previsualización de código en tiempo real
• Entorno sandbox de código Sandpack integrado
• Compatibilidad con las tecnologías Next.js y Tailwind CSS
• Proporciona una configuración completa del entorno de desarrollo local
• Ayuda Google Estudio AI Integración de claves API
• Capacidades ampliables de generación de aplicaciones

Utilizar la ayuda

1. Configuración medioambiental

Primero tienes que completar los siguientes pasos para configurar el entorno de desarrollo:

1. Obtener clave API
   • entrevistasGoogle AI Studio
   • Regístrese y cree una nueva clave API
   • Guardar la clave API para uso futuro
2. Pasos de la instalación local

   # 克隆项目仓库
   git clone https://github.com/osanseviero/geminicoder
   # 创建环境配置文件
   touch .env
   # 在.env文件中添加API密钥
   GOOGLE_AI_API_KEY=你的API密钥
   # 安装依赖
   npm install
   # 启动开发服务器
   npm run dev
   

2. Flujo de utilización

1. Generación de aplicaciones:
   • Acceso al servidor de desarrollo local (dirección por defecto: http://localhost:3000)
   • Describa la aplicación que desea crear en el cuadro de introducción de datos
   • Utilizar el lenguaje natural para detallar las funciones y características de la aplicación.
   • Haga clic en el botón Generar para empezar a crear la aplicación
2. Edición y previsualización de código:
   • Visualización del código generado en el editor de código Sandpack
   • Modificar y ajustar el contenido del código en tiempo real
   • Vea la aplicación en acción en la ventana de vista previa
   • Admite la edición y gestión de varios archivos
3. Integración de la tecnología:
   • Se pueden utilizar todas las funciones modernas de Next.js
   • Estilo con Tailwind CSS
   • Admite el desarrollo basado en componentes
   • Se pueden añadir dependencias y funciones adicionales
4. Propuestas de desarrollo:
   • Proporcionar consejos claros y específicos para generar mejores resultados
   • Probar distintos efectos de generación con diferentes versiones de modelos de la API Gemini
   • Sincronice periódicamente las actualizaciones de las dependencias del proyecto para obtener las últimas funciones
   • Consulte la documentación del proyecto para conocer las ampliaciones y personalizaciones de funciones

3. Precauciones

• Se trata de un proyecto personal, no de un proyecto oficial de Google.
• Necesidad de asegurar la clave API y no enviarla al repositorio de código
• Conexión estable a Internet necesaria para el desarrollo local
• Se recomienda realizar copias de seguridad periódicas del código generado
• La aplicación generada puede requerir una mayor optimización y ajuste