multi-model-bolt.new: modificação de código aberto baseada no Bolt.new, ferramentas de desenvolvimento de pilha completa orientadas por IA

Introdução geral

O multi-model-bolt.new é um aplicativo baseado no ParafusoUma versão modificada do .new que permite o uso de modelos TogetherAI e oferece suporte a recursos como implantação, resposta móvel e entrada de voz. Os usuários podem solicitar, executar, editar e implantar aplicativos de pilha completa diretamente no navegador, sem necessidade de configuração local. A ferramenta se integra aos modelos de IA mais recentes e aos WebContainers do StackBlitz para fornecer controle total do ambiente de desenvolvimento.

Edição de código aberto:Parafuso original multi-model-bolt.new: modificação de código aberto baseada no Bolt.new, ferramentas de desenvolvimento de pilha completa orientadas por IA

Renovação de código aberto para dar suporte ao acesso a qualquer modelo: https://github.com/InnoBridge/bolt.new-any-llm

Qual é a diferença entre o Bolt (esta base de código) e o Bolt.new?

• Parafuso.novo: Este é do StackBlitz.Produtos comerciaisO AI é uma ferramenta de desenvolvimento de AI hospedada e baseada em navegador que permite aos usuários solicitar, executar, editar e implementar aplicativos da Web de pilha completa diretamente no navegador. Ela é baseada em Biblioteca de código aberto Bolt criado com o software API do WebContainer Fornecer suporte.
• Bolt (esta base de código)Biblioteca de código aberto: Esta é uma biblioteca de código aberto que fornece os meios para criar o Parafuso.novo Os principais componentes necessários. A base de código contém a interface de usuário do Bolt, bem como componentes de servidor que usam o Execução de remixes Construir. Ao aproveitar essa base de código e o API do WebContainerVocê pode criar suas próprias ferramentas de desenvolvimento orientadas por IA e aplicativos de pilha completa que são executados inteiramente no navegador.

Lista de funções

• Instalação e execução de ferramentas e bibliotecas npmSuporte para estruturas populares, como Vite, Next.js, etc.
• Executando o servidor Node.jsExecute o serviço de back-end diretamente no navegador
• Interação com APIs de terceirosIntegração fácil de serviços externos
• Implementação do chat para o ambiente de produçãoSimplifique o processo de implementação
• Compartilhe seu trabalho via URLFacilitar o trabalho em equipe
• controle ambientalModelos de IA têm controle total sobre sistemas de arquivos, servidores de nós, gerenciadores de pacotes, terminais e consoles de navegadores.
• Resposta móvelDesign responsivo para suportar dispositivos móveis
• entrada de vozFunção de entrada de voz adicionada para aprimorar a experiência do usuário

Usando a Ajuda

O Bolt combina o poder da IA com um ambiente de desenvolvimento sandbox para criar uma experiência colaborativa em que assistentes e programadores podem trabalhar juntos para desenvolver códigos. API do WebContainereSoneto de Claude 3.5eRemix responder cantando SDK DE IA.

API do WebContainer

Uso de parafusos Contêineres da Web Execute o código gerado no navegador. Os WebContainers fornecem um ambiente de sandbox de pilha completa que utiliza o API do WebContainer Os WebContainers permitem que os aplicativos de pilha completa sejam executados diretamente no navegador, evitando as preocupações de custo e segurança de hospedar um agente de IA na nuvem. Os webContainers são interativos e editáveis, permitindo que a IA da Bolt execute o código e entenda todas as alterações feitas pelo usuário.

API do WebContainer Gratuito para uso pessoal e projetos de código aberto. Se estiver criando um aplicativo para uso comercial, saiba mais sobre nosso Detalhes de preços para uso comercial da API do WebContainer.

Aplicativo Remix

Uso de parafusos Remix construído com o Páginas do CloudFlare responder cantando Trabalhadores da CloudFlare Implantação.

Integração do SDK de IA

Uso de parafusos SDK DE IA Integração de modelos de IA. Atualmente, o Bolt suporta o uso do Anthropic's Claude Sonnet 3.5. você pode obter as informações do Console da API Anthropic Obtenha uma chave de API para usar com o Bolt. Dê uma olhada na Como o Bolt usa o SDK de IA.

Pré-requisitos

Antes de começar, verifique se você instalou o seguinte:

• Node.js (v20.15.1)
• pnpm (v9.4.0)

Etapas de configuração

1. Clone o repositório de código (se ainda não o tiver feito):

git clone https://github.com/stackblitz/bolt.new.git

2. Instale a dependência:

instalação do pnpm

3. Configure o Supabase Auth e os provedores:

• Crie um novo projeto no Supabase e gere uma nova chave anônima (anon key).
• Adicione a chave anônima ao .env.local Documentação.
• Adicione o URL do Supabase a .env.local Documentação.
• Configure os provedores do Supabase (Google, GitHub, etc.).

4. Criação do diretório raiz .env.local e adicione sua chave de API do Anthropic:

ANTHROPIC_API_KEY=sua_chave_api
TOGETHER_API_KEY=sua_chave_api

# SUPABASE
SUPABASE_URL=seu_supabase_url
SUPABASE_ANON_KEY=sua_chave_anônima
Banco de dados do cliente #
VITE_SUPABASE_URL=seu_supabase_url
VITE_SUPABASE_ANON_KEY=sua_chave_anon

# NETLIFY
NETLIFY_AUTH_TOKEN=seu_token_de_autenticação
NETLIFY_CLIENT_SECRET=seu_secreto_de_cliente
VITE_NETLIFY_CLIENT_ID=seu_id_cliente

Opcional: defina o nível de depuração:

VITE_LOG_LEVEL=debug

Observações importantes: Não coloque .env.local é enviado para o controle de versão. Esse arquivo é incluído na pasta .gitignore Médio.

Adição de modelos personalizados para o Together AI

Para adicionar Juntos Os modelos personalizados da IA, que podem ser adicionados ao app/components/chat/ProviderSelector.tsx Documentação.

const togetherModels = [
'meta-llama/Meta-Llama-3.1-405B-Instruct-Turbo',
'meta-llama/Meta-Llama-3.1-70B-Instruct-Turbo',
'mistralai/Mixtral-8x7B-Instruct-v0.1',
'... adicione mais modelos aqui ...'
];

Scripts disponíveis

• pnpm run devInicie o servidor de desenvolvimento (para testes locais, recomenda-se o Chrome Canary).
• pnpm run buildConstruir o projeto.
• pnpm run startExecuta um aplicativo criado localmente usando o Wrangler Pages. Esse script usa o bindings.sh Defina os vínculos necessários para evitar duplicar a configuração das variáveis de ambiente.
• Visualização da execução do pnpmIniciar localmente depois de criar o projeto para testar as compilações do ambiente de produção. Observe que o streaming HTTP não está disponível no desenvolvimento de páginas wrangler pode não funcionar corretamente.
• teste pnpmExecute o conjunto de testes com o Vitest.
• pnpm run typecheckExecute a verificação de tipo do TypeScript.
• pnpm run typegenUse o Wrangler para gerar tipos TypeScript.
• pnpm run deployCompile o projeto e implemente-o no Cloudflare Pages.

explorar (um recurso)

Para iniciar o servidor de desenvolvimento:

pnpm run dev

Isso iniciará o servidor de desenvolvimento do Remix Vite.

teste (maquinário etc.)

Execute o conjunto de testes:

teste pnpm

implementações

Implemente o aplicativo no Cloudflare Pages:

pnpm run deploy

Verifique se você tem as permissões necessárias e se o Wrangler configurou corretamente sua conta do Cloudflare.

Fluxo de operação detalhado da função

1. Instalação e execução de ferramentas e bibliotecas npm
   • No momento da criação do projeto, selecione as ferramentas e bibliotecas npm necessárias, como Vite, Next.js e assim por diante.
   • Use o gerenciador de pacotes integrado para instalar dependências e garantir que o ambiente do projeto esteja configurado corretamente.
2. Executando o servidor Node.js
   • Escreva código de back-end em um editor de código que use os recursos fornecidos pelo Node.js.
   • Inicie o servidor e veja como o serviço de back-end está funcionando em tempo real.
3. Interação com APIs de terceiros
   • Integre APIs de terceiros, como interfaces de pagamento, serviços de mapas, etc. em seu projeto.
   • Simplifique o processo de interação com serviços externos usando as ferramentas de gerenciamento de API incorporadas.
4. Implementação do chat para o ambiente de produção
   • Digite o comando de implementação na interface de bate-papo e o sistema implementará automaticamente o aplicativo no ambiente de produção especificado.
   • Após a conclusão da implantação, a URL de acesso ao aplicativo é gerada para facilitar o acesso e o teste.
5. Compartilhe seu trabalho via URL
   • Gera um URL de acesso para o projeto após a conclusão do projeto.
   • Compartilhe URLs com os membros da equipe para colaboração e feedback do projeto.
6. controle ambiental
   • O modelo de IA tem controle total do ambiente de desenvolvimento, incluindo o sistema de arquivos, o servidor de nós, o gerenciador de pacotes, o terminal e o console do navegador.
   • Os usuários podem concluir a configuração e o gerenciamento de ambientes complexos com comandos simples.
7. Resposta móvel
   • O projeto oferece suporte ao design responsivo para dispositivos móveis por padrão, garantindo uma exibição consistente em todos os dispositivos.
   • Os usuários podem personalizar o layout e o estilo da resposta móvel conforme necessário.
8. entrada de voz
   • Integre a função de entrada de voz no projeto para aprimorar a experiência de interação do usuário.
   • Use a ferramenta de reconhecimento de fala incorporada para converter a fala em texto para processamento posterior.