Fragmentos: versiones de código abierto de aplicaciones como Claude Artifacts de Anthropic, Vercel v0 o GPT Engineer.

Introducción general

Fragments by E2B es un proyecto de código abierto que proporciona una plantilla basada en Next.js para crear aplicaciones generadas íntegramente por IA. El proyecto fue desarrollado por E2B Desarrollado para simplificar y acelerar el proceso de desarrollo de aplicaciones de IA. Integra diversas tecnologías y herramientas modernas, como Next.js 14, TailwindCSS, Vercel AI SDK, etc., y es compatible con una amplia gama de lenguajes y marcos de programación, como Python, Vue.js, Streamlit, etc.

La construcción de proyectos front-end puros de un solo archivo es agradable, y puede verse afectada por palabras de sugerencia y métodos de contexto de almacenamiento que dificultan la construcción y ejecución satisfactoria de código de proyectos complejos.

Lista de funciones

• Enrutamiento de aplicaciones y operaciones de servidor basadas en Next.js 14
• Integración de shadcn/ui y TailwindCSS para el diseño de la interfaz de usuario
• Integración de funciones de IA con el SDK de IA de Vercel
• Compatibilidad con múltiples lenguajes y marcos de programación (Python, Vue.js, Streamlit, Gradio, etc.)
• Compatibilidad con múltiples proveedores de LLM (OpenAI, Anthropic, Google AI, etc.)
• Proporcionar un entorno de ejecución de código seguro
• Compatibilidad con la gestión de paquetes npm y pip
• Actualizaciones en tiempo real de la interfaz de usuario

Utilizar la ayuda

Proceso de instalación

1. almacén de clones Ejecute el siguiente comando en un terminal para clonar el repositorio:

   git clone https://github.com/e2b-dev/fragments.git

2. Instalación de dependencias Vaya al directorio del repositorio e instale las dependencias necesarias:

   cd fragments
npm install

3. Configuración de variables de entorno Crear un.env.localy establezca las siguientes variables de entorno:

   E2B_API_KEY=你的E2B API密钥
OPENAI_API_KEY=你的OpenAI API密钥
# 其他提供商的API密钥
ANTHROPIC_API_KEY=
GROQ_API_KEY=
FIREWORKS_API_KEY=
TOGETHER_API_KEY=
GOOGLE_AI_API_KEY=
GOOGLE_VERTEX_CREDENTIALS=
MISTRAL_API_KEY=
XAI_API_KEY=

4. Iniciar el servidor de desarrollo Ejecute el siguiente comando para iniciar el servidor de desarrollo:

   npm run dev

5. Creación de aplicaciones web Ejecute el siguiente comando para construir la aplicación web:

   npm run build

Normas de uso

1. Añadir plantilla personalizada Asegúrese de que la CLI E2B está instalada y ha iniciado sesión. cree una nueva carpeta e inicialice la nueva plantilla:

   e2b template init

Ajustar el generadoe2b.DockerfileDocumentación.

2. Plantillas de implantación Utilice la CLI E2B para desplegar la plantilla:

   e2b template build --name <template-name>

Una vez finalizado el despliegue, añada la nueva plantilla a la carpetalib/templates.jsonMedio.

3. Añadir modelos LLM personalizados espectáculo (una entrada)lib/models.jsonpara añadir una nueva entrada de modelo:

   {
"id": "mistral-large",
"name": "Mistral Large",
"provider": "Ollama",
"providerId": "ollama"
}

4. Añadir un proveedor LLM personalizado espectáculo (una entrada)lib/models.tspara añadir la configuración del nuevo proveedor:

   fireworks: () => createOpenAI({
apiKey: apiKey || process.env.FIREWORKS_API_KEY,
baseURL: baseURL || 'https://api.fireworks.ai/inference/v1'
})(modelNameString),