GeminiCoder: com base no projeto LlamaCoder, use a API Gemini para gerar aplicativos da Web rapidamente

Introdução geral

O GeminiCoder é um software baseado no Google Gêmeos Desenvolvimento de API de ferramentas inovadoras de geração de aplicativos da Web. O projeto herda o LlamaCoder O Gemini 1.5 Pro, o Gemini 1.5 Flash e o Gemini 2.0 Flash Experimental são excelentes recursos e integram modelos avançados de IA, como o Gemini 1.5 Pro mais recente. Com simples instruções de texto, os usuários podem gerar rapidamente aplicativos da Web completos. O projeto usa uma pilha de tecnologia moderna, incluindo a estrutura Next.js e a biblioteca de estilo Tailwind CSS, e integra a sandbox de código on-line Sandpack para oferecer aos desenvolvedores uma experiência de edição de código e visualização em tempo real. O GeminiCoder simplifica muito o processo de desenvolvimento de aplicativos, permitindo que as ideias sejam rapidamente transformadas em realidade.

Lista de funções

• Suporte para gerar aplicativos da Web completos a partir de prompts de linguagem natural
• Integração dos modelos experimentais de IA Gemini 1.5 Pro e 2.0 Flash mais recentes
• Oferece recursos de edição e visualização de código em tempo real
• Ambiente de sandbox de código Sandpack incorporado
• Suporte às pilhas de tecnologia Next.js e Tailwind CSS
• Fornece configuração completa do ambiente de desenvolvimento local
• Suporte ao Google Estúdio de IA Integração de chaves de API
• Recursos extensíveis de geração de aplicativos

Usando a Ajuda

1. configuração ambiental

Primeiro, você precisa concluir as etapas a seguir para configurar o ambiente de desenvolvimento:

1. Obter chave de API
   • entrevistasEstúdio de IA do Google
   • Registre e crie uma nova chave de API
   • Salvar a chave da API para uso futuro
2. Etapas da instalação local

   # Clonar o repositório do projeto
   git clone https://github.com/osanseviero/geminicoder
   # Crie o arquivo de configuração do ambiente
   touch .env
   # Adicione a chave da API ao arquivo .env
   GOOGLE_AI_API_KEY=sua chave de API
   # Instale as dependências
   npm install
   # Inicie o servidor de desenvolvimento
   npm run dev
   

2. fluxo de uso

1. Geração de aplicativos:
   • Acesso ao servidor de desenvolvimento local (endereço padrão: http://localhost:3000)
   • Descreva o aplicativo que você deseja criar na caixa de entrada de prompt
   • Use linguagem natural para detalhar as funções e os recursos do aplicativo
   • Clique no botão Generate para começar a criar o aplicativo
2. Edição e visualização de código:
   • Visualização do código gerado no editor de código do Sandpack
   • Modificar e ajustar o conteúdo do código em tempo real
   • Veja o aplicativo em ação na janela de visualização
   • Oferece suporte à edição e ao gerenciamento de vários arquivos
3. Integração de tecnologia:
   • Todos os recursos modernos do Next.js podem ser usados
   • Estilo com CSS do Tailwind
   • Oferece suporte ao desenvolvimento baseado em componentes
   • Dependências e recursos adicionais podem ser adicionados
4. Propostas de desenvolvimento:
   • Fornecer dicas claras e específicas para uma melhor geração de resultados
   • Experimentando diferentes efeitos de geração com diferentes versões de modelos da API Gemini
   • Sincronize regularmente as atualizações de dependência do projeto para obter os recursos mais recentes
   • Consulte a documentação do projeto para obter extensões e personalizações de recursos

3. cuidados

• Este é um projeto pessoal, não um projeto oficial do Google!
• Necessidade de proteger a chave da API e não confirmá-la no repositório de código
• Conexão estável com a Internet necessária para o desenvolvimento local
• Recomenda-se fazer backups regulares do código gerado
• O aplicativo gerado pode exigir otimização e ajuste adicionais