Español
English
Català
FrançaisPuedes compartir un Claude Artifact con su enlace publicado en Claude, pero eso no lo instala en tu propio dominio. Para usar una dirección que controles, tienes que trasladar el código a un proyecto, revisar de qué depende y desplegarlo con un flujo de hosting. Puede hacer falta algo más que copiar un HTML, sobre todo si el Artifact usa las funciones de IA integradas de Claude.
La ayuda actual de Anthropic indica que puedes consultar el código de un Artifact, copiarlo o descargar sus archivos desde la ventana. Su guía de prototipo a producción recomienda llevar el código a un editor cuando necesites una infraestructura más completa. Ninguno de esos pasos configura automáticamente un dominio ni traslada el comportamiento de IA alojado en Claude.
Decide primero si necesitas un dominio
Para enseñar un prototipo, puede bastar el enlace publicado del Artifact. Si necesitas una dirección de marca, desplegar por separado, añadir analítica propia o controlar el entorno de ejecución, crea otro proyecto a partir del código exportado. Conserva el Artifact original mientras pruebas la copia.
Pasa el código a un proyecto desplegable
- Abre el Artifact y usa la vista de código para revisar sus archivos. Cópialos o descárgalos con las opciones que ofrece Anthropic.
- Abre los archivos en un editor e identifica la entrada, el framework, el comando de compilación y la carpeta de salida. Un HTML suelto puede ser estático; un componente React o varios archivos fuente quizá necesiten una estructura de proyecto y un paso de build.
- Ejecútalo en local y revisa errores del navegador, rutas, recursos y formularios. La vista previa del editor no es una publicación.
- Sube el proyecto a GitHub, GitLab o Bitbucket. Revisa los cambios y excluye
.env, credenciales, datos privados y archivos generados que no deban ser públicos.
Si el proyecto genera archivos estáticos, Hostbrid Projects puede desplegar un repositorio Git conectado. Elige la rama y comprueba la configuración de compilación y salida. Projects no importa directamente un Artifact publicado: antes necesitas un repositorio con los archivos del proyecto. Si la aplicación necesita un proceso permanente, contenedores o acceso al sistema operativo, compara si encaja mejor un VPS y ten en cuenta que tendrás que administrarlo.
Revisa las funciones de IA antes de publicar
Un Artifact con IA puede depender de funciones de Claude que se ejecutan dentro de Claude.ai. Anthropic explica que quienes usan esas funciones se autentican con su propia cuenta de Claude, y que los Artifacts no pueden hacer llamadas a APIs externas ni usar almacenamiento persistente. Por eso, exportar el código no proporciona por sí solo el mismo servicio de IA, identidad de usuario o almacenamiento en una web independiente.
Para una aplicación real, decide cómo iniciarán sesión los usuarios, qué API de IA llamará la app, dónde guardarás la clave, qué límites y costes tendrá el uso y si necesitas conservar datos. Mantén las claves del proveedor en un servidor: una clave en JavaScript del navegador o en una variable pública VITE_* queda expuesta. Añade backend y almacenamiento solo cuando la aplicación los necesite y revisa las condiciones y tarifas vigentes del proveedor.
Conecta el dominio y prueba el sitio
Cuando funcione en la URL temporal del despliegue, conecta el dominio en el panel de hosting y aplica las instrucciones DNS que muestre el proyecto. Después prueba HTTPS, redirecciones, acceso directo a rutas internas, formularios, callbacks de inicio de sesión y llamadas de IA. Espera a que terminen de configurarse DNS y el certificado. Conserva una forma de volver al Artifact mientras pruebas la web nueva.
El recorrido es Artifact → archivos de código → repositorio Git → despliegue probado → dominio propio. Es una migración a otra web, no un cambio que renombre el enlace Claude existente. Consulta la ayuda de Anthropic sobre Artifacts y exportación, su guía de prototipo a producción y Hostbrid Projects. Compara los planes actuales con el runtime y los recursos que necesite el proyecto.