Posar un Claude Artifact al teu domini: què es pot traslladar

Pots compartir un Claude Artifact amb l’enllaç publicat a Claude, però això no el posa al teu domini. Per fer servir una adreça que controles, has de traslladar el codi a un projecte, revisar de què depèn i desplegar-lo amb un servei d’allotjament. Potser caldrà més que copiar un sol HTML, sobretot si l’Artifact utilitza les funcions d’IA integrades de Claude.

L’ajuda actual d’Anthropic explica que pots consultar el codi d’un Artifact, copiar-lo o descarregar-ne els fitxers des de la finestra. La guia de prototip a producció recomana portar el codi a un editor quan necessitis una infraestructura més completa. Cap d’aquests passos configura automàticament un domini ni trasllada el comportament d’IA allotjat a Claude.

Decideix primer si necessites un domini

Per ensenyar un prototip, pot ser suficient l’enllaç publicat de l’Artifact. Si necessites una adreça de marca, desplegar-lo pel teu compte, fer servir analítica pròpia o controlar l’entorn d’execució, crea un projecte nou a partir del codi exportat. Mantén accessible l’Artifact original mentre comproves la còpia.

Converteix el codi en un projecte desplegable

Obre l’Artifact i revisa els fitxers a la vista de codi. Copia’ls o descarrega’ls amb les opcions que ofereix Anthropic.
Obre els fitxers en un editor i identifica el punt d’entrada, el framework, l’ordre de compilació i la carpeta de sortida. Un HTML únic pot ser estàtic; un component React o diversos fitxers font potser necessiten l’estructura d’un projecte i un procés de build.
Executa’l en local i comprova els errors del navegador, les rutes, els recursos i els formularis. La vista prèvia de l’editor no és una publicació.
Desa el projecte a GitHub, GitLab o Bitbucket. Revisa els canvis i exclou .env, credencials, dades privades i fitxers generats que no hagin de ser públics.

Si el projecte genera fitxers estàtics, Hostbrid Projects pot desplegar un repositori Git connectat. Tria la branca i revisa la configuració de compilació i sortida. Projects no importa directament un Artifact publicat: primer necessites un repositori amb els fitxers del projecte. Si l’app necessita un procés permanent, contenidors o accés al sistema operatiu, comprova si un VPS s’hi adapta millor i preveu administrar-lo tu mateix.

Comprova les funcions d’IA abans de publicar

Un Artifact amb IA pot dependre de funcions de Claude que s’executen dins de Claude.ai. Anthropic diu que els usuaris s’autentiquen amb el seu propi compte de Claude per fer-les servir i que els Artifacts no poden cridar APIs externes ni desar dades de manera persistent. Per tant, exportar-ne el codi no dona automàticament el mateix servei d’IA, la mateixa identitat d’usuari ni dades desades en un lloc web independent.

Per a una aplicació de producció, decideix com s’identificaran els usuaris, quina API d’IA cridarà l’app, on guardaràs la clau, quins límits i costos tindrà l’ús i si cal desar dades. Mantén els secrets del proveïdor al servidor: una clau dins del JavaScript del navegador o una variable pública VITE_* queda exposada als visitants. Afegeix backend i emmagatzematge només si l’app els necessita i revisa les condicions i tarifes actuals del proveïdor.

Connecta el domini i prova el lloc

Quan el projecte funcioni a l’URL temporal del desplegament, connecta el domini al panell d’allotjament i segueix les instruccions DNS que s’hi mostrin. Després prova HTTPS, redireccions, accés directe a les rutes internes, formularis, retorns d’inici de sessió i crides d’IA. Espera que s’acabin de configurar el DNS i el certificat. Conserva una manera de tornar a l’Artifact mentre proves el lloc nou.

El recorregut és Artifact → fitxers de codi → repositori Git → desplegament provat → domini propi. És una migració a un altre lloc web, no un canvi per canviar el nom de l’enllaç de Claude existent. Consulta l’ajuda d’Anthropic sobre Artifacts i exportació, la seva guia de prototip a producció i Hostbrid Projects. Compara els plans actuals amb el runtime i els recursos que necessiti el projecte.