multi-model-bolt.new: modificación de código abierto basada en Bolt.new, herramientas de desarrollo de pila completa basadas en IA.

Introducción general

multi-model-bolt.new es una aplicación basada en el Perno.nuevo Una versión modificada de TogetherAI permite el uso de modelos TogetherAI para soportar características como el despliegue, la respuesta móvil y la entrada de voz. Los usuarios pueden solicitar, ejecutar, editar y desplegar aplicaciones full-stack directamente en el navegador, sin necesidad de configuración local. La herramienta se integra con los últimos modelos de AI y WebContainers de StackBlitz para proporcionar un control completo del entorno de desarrollo.

Edición de código abierto:Perno Original multi-model-bolt.new: modificación de código abierto basada en Bolt.new, herramientas de desarrollo de pila completa basadas en IA.

Renovación del código abierto para facilitar el acceso a cualquier modelo: https://github.com/InnoBridge/bolt.new-any-llm

¿Cuál es la diferencia entre Bolt (esta base de código) y Bolt.new?

• Perno.nuevoEsto es de StackBlitz.Productos comercialesAI es una herramienta de desarrollo de AI alojada y basada en navegador que permite a los usuarios solicitar, ejecutar, editar y desplegar aplicaciones web full-stack directamente en el navegador. Se basa en Biblioteca de código abierto Bolt construido con StackBlitz API del contenedor web Proporcionar apoyo.
• Bolt (esta base de código): Se trata de una biblioteca de código abierto que proporciona los medios para construir el Perno.nuevo componentes básicos necesarios. El código base contiene Perno interfaz de usuario y los componentes del servidor mediante Remix Run Construir. Aprovechando esta base de código y la tecnología de StackBlitz API del contenedor webPuede crear sus propias herramientas de desarrollo basadas en IA y aplicaciones completas que se ejecuten íntegramente en el navegador.

Lista de funciones

• Instalación y ejecución de herramientas y bibliotecas npmSoporte para frameworks populares como Vite, Next.js, etc.
• Ejecutar el servidor Node.jsEjecutar el servicio back-end directamente en el navegador
• Interacción con API de tercerosFácil integración de servicios externos
• Despliegue del chat al entorno de producciónAgilizar el proceso de implantación
• Comparta su trabajo a través de URLFacilitar el trabajo en equipo
• control medioambiental: Los modelos de IA tienen control total sobre los sistemas de archivos, servidores de nodos, gestores de paquetes, terminales y consolas de navegación.
• Respuesta móvilDiseño adaptable a dispositivos móviles
• entrada de vozFunción de entrada de voz añadida para mejorar la experiencia del usuario

Utilizar la ayuda

Bolt combina el poder de la IA con un entorno de desarrollo sandbox para crear una experiencia colaborativa en la que asistentes y programadores puedan trabajar juntos para desarrollar código.Bolt utiliza la API del contenedor webySoneto 3.5 de ClaudeyRemix responder cantando AI SDK.

API del contenedor web

Uso de pernos Contenedores web Ejecutar el código generado en el navegador.WebContainers proporciona un entorno sandbox completo que utiliza la tecnología API del contenedor web Los contenedores web permiten ejecutar aplicaciones completas directamente en el navegador, evitando los costes y problemas de seguridad que supone alojar un agente de IA en la nube. Los contenedores web son interactivos y editables, lo que permite a la IA de Bolt ejecutar código y comprender cualquier cambio realizado por el usuario.

API del contenedor web Gratis para uso personal y proyectos de código abierto. Si está creando una aplicación para uso comercial, obtenga más información sobre nuestra Precios para el uso comercial de la API WebContainer.

Aplicación Remix

Uso de pernos Remix construido con el Páginas CloudFlare responder cantando Trabajadores de CloudFlare Despliegue.

Integración del SDK de IA

Uso de pernos AI SDK Integración de modelos de IA. Actualmente, Bolt admite el uso de Antrópico (utilizado como expresión nominal) Claude Sonnet 3.5. puede obtener la información del Consola API antrópica Obtenga una clave API para utilizarla con Bolt. Consulta la Cómo utiliza Bolt el SDK de IA.

requisitos previos

Antes de empezar, asegúrate de haber instalado lo siguiente:

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

Pasos de configuración

1. Clone el repositorio de código (si no lo ha hecho ya):

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

2. Instale la dependencia:

pnpm install

3. Configurar Supabase Auth y Proveedores:

• Crea un nuevo proyecto en Supabase y genera una nueva clave anónima (anon key).
• Añade la clave anónima al .env.local Documentación.
• Añade la URL de Supabase a .env.local Documentación.
• Configurar los proveedores de Supabase (Google, GitHub, etc.).

4. Creación del directorio raíz .env.local y añada su clave API de Anthropic:

ANTHROPIC_API_KEY=your_api_key
TOGETHER_API_KEY=your_api_key

# SUPABASE
SUPABASE_URL=your_supabase_url
SUPABASE_ANON_KEY=your_anon_key
# Client Supabase
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_anon_key

# NETLIFY
NETLIFY_AUTH_TOKEN=your_auth_token
NETLIFY_CLIENT_SECRET=your_client_secret
VITE_NETLIFY_CLIENT_ID=your_client_id

Opcional: Establezca el nivel de depuración:

VITE_LOG_LEVEL=debug

Notas importantesNo coloque .env.local en el control de versiones. Este archivo se incluye en .gitignore Medio.

Añadir modelos personalizados para Together AI

Para añadir Juntos Los modelos personalizados de AI, que pueden añadirse al app/components/chat/ProviderSelector.tsx Documentación.

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',
'... add more models here ...'
];

Guiones disponibles

• pnpm run devInicie el servidor de desarrollo (para pruebas locales, se recomienda Chrome Canary).
• pnpm run build: Construye el proyecto.
• pnpm run startEjecuta una aplicación construida localmente usando Wrangler Pages. Este script utiliza el bindings.sh Establezca los enlaces necesarios para evitar duplicar la configuración de las variables de entorno.
• pnpm run previewInicie localmente después de construir el proyecto para probar las compilaciones del entorno de producción. Tenga en cuenta que la transmisión HTTP no está disponible en la versión wrangler pages dev puede no funcionar correctamente.
• pnpm testEjecute el conjunto de pruebas con Vitest.
• pnpm run typecheckEjecuta la comprobación de tipos de TypeScript.
• pnpm run typegenUtiliza Wrangler para generar tipos TypeScript.
• pnpm run deployConstruye el proyecto y despliégalo en Cloudflare Pages.

explotar (un recurso)

Para iniciar el servidor de desarrollo:

pnpm run dev

Esto iniciará el Servidor de Desarrollo Remix Vite.

prueba (maquinaria, etc.)

Ejecute el conjunto de pruebas:

pnpm test

despliegues

Implemente la aplicación en Cloudflare Pages:

pnpm run deploy

Asegúrese de que dispone de los permisos necesarios y de que Wrangler ha configurado correctamente su cuenta de Cloudflare.

Flujo detallado de funcionamiento de las funciones

1. Instalación y ejecución de herramientas y bibliotecas npm
   • En el momento de crear el proyecto, seleccione las herramientas y bibliotecas npm necesarias, como Vite, Next.js, etc.
   • Utilice el gestor de paquetes integrado para instalar las dependencias y asegurarse de que el entorno del proyecto está configurado correctamente.
2. Ejecutar el servidor Node.js
   • Escribir código back-end en un editor de código que utiliza las características proporcionadas por Node.js.
   • Inicie el servidor y vea cómo funciona el servicio back-end en tiempo real.
3. Interacción con API de terceros
   • Integre en su proyecto API de terceros, como interfaces de pago, servicios de mapas, etc.
   • Simplifique el proceso de interacción con servicios externos mediante las herramientas integradas de gestión de API.
4. Despliegue del chat al entorno de producción
   • Introduzca el comando deploy en la interfaz de chat y el sistema desplegará automáticamente la aplicación en el entorno de producción especificado.
   • Una vez finalizado el despliegue, se genera la URL de acceso a la aplicación para facilitar el acceso y las pruebas.
5. Comparta su trabajo a través de URL
   • Genera una URL de acceso para el proyecto una vez finalizado.
   • Comparta URL con los miembros del equipo para colaborar en el proyecto y recibir comentarios.
6. control medioambiental
   • El modelo de IA tiene el control total del entorno de desarrollo, incluido el sistema de archivos, el servidor de nodos, el gestor de paquetes, el terminal y la consola del navegador.
   • Los usuarios pueden completar la configuración y gestión de entornos complejos con comandos sencillos.
7. Respuesta móvil
   • El proyecto es compatible por defecto con el diseño adaptativo para dispositivos móviles, lo que garantiza una visualización coherente en todos los dispositivos.
   • Los usuarios pueden personalizar el diseño y el estilo adaptable a móviles según sus necesidades.
8. entrada de voz
   • Integre la función de entrada de voz en el proyecto para mejorar la experiencia de interacción con el usuario.
   • Utiliza la herramienta de reconocimiento de voz integrada para convertir la voz en texto para su posterior procesamiento.