Claude skriver en hel side i én artifact: en landingsside, en quiz, en kalkulator, en rapport. For å gi den et eget hjem utenfor chatten, publiser den på Lobsite: lim inn koden fra artifacten i boksen over, eller koble Lobsite til Claude og be Claude publisere den. Bygger du heller i Claude Code? Se Deploy fra Claude Code.
Slik fungerer det
- Hent koden fra artifacten. I artifact-panelet bytter du til kodevisning og kopierer den, eller laster ned filen.
- Lim den inn i boksen over og trykk Publiser denne siden. Du får en live
*.lobsite.app-adresse med HTTPS. - Behold den. Nettstedet varer i 6 timer; Behold det gratis → flytter det til en gratis konto på samme adresse.
HTML-artifacts og React-artifacts
Claude lager artifacts av noen ulike slag, og det betyr noe hvilket du har:
- HTML-artifacts (en fullstendig side som starter med
<!doctype html>) publiseres som de er. Innebygde stiler og skript fungerer, og det samme gjør biblioteker lastet fra et CDN med full URL. - React-artifacts (kode som starter med
importogexport default function) er ikke en nettside ennå: artifact-panelet bygger dem for deg. Be Claude gjøre den om til en side, med en prompt som den under, og lim så inn resultatet.
Rewrite this artifact as one self-contained index.html: plain HTML, CSS and
JavaScript, no build step, any libraries loaded from a CDN by full URL.
Keep the design and behaviour exactly the same.
Bilder Claude ikke kan lage som filer (logoer, foto), trenger en full https://-URL; eller legg siden og bildene i en mappe og slipp mappen i fanen Slipp filer.
La Claude publisere: koblingen
Claude.ai kan bruke Lobsite som en egendefinert kobling, en ekstern MCP-server. Legg til en egendefinert kobling i Claudes innstillinger med denne URL-en:
https://lobsite.com/api/mcp
Be så: «Publiser denne siden med Lobsite.» Claude kaller koblingens eneste verktøy, deploy_files, med innholdet på siden, og svarer med adressen og krav-lenken som lar deg beholde nettstedet. Egendefinerte koblinger er tilgjengelige på Claude-planene som støtter dem; MCP-siden har detaljene for hver klient.
En deploy uten konto er live i 6 timer. Med krav-lenken beholder du den, gratis.
npx lobsite mcp for kodeagenter, lobsite.com/api/mcp for chatassistenter.
Hvert nettsted får en *.lobsite.app-adresse med HTTPS fra første deploy.
Pek et skjema mot /_lobsite/forms/contact. Spamfilter inkludert.
Forhåndsvis før du går live. Rull tilbake med ett klikk, inkludert videresendinger.
Også for gratiskontoer: legg til én DNS-post, så flytter nettstedet til domenet ditt. Alle nettsteder har HTTPS, uansett abonnement.
Claudes egen Publish-knapp, eller et nettsted
Claude kan dele en artifact med sin egen Publish-knapp. Det er den raskeste måten å vise noen artifacten inne i Claude. Et nettsted er for når siden skal stå på egne ben:
| Publish i Claude | Lobsite | |
|---|---|---|
| Hvor den åpnes | På claude.ai | På sin egen *.lobsite.app-adresse |
| Dine egne filer (bilder, flere sider) | Nei | Ja: slipp mappen |
| Skjemaer som sender deg meldinger | Nei | Ja, når nettstedet er i en konto |
| Oppdateringer | Publiser den nye versjonen fra Claude | Lim inn på nytt og trykk Oppdater, eller deploy på nytt |
| Eget domene | Nei | Ja, gratis |
| Krever konto | Claude-kontoen din | Nei i 6 timer; gratis å beholde |
Ofte stilte spørsmål
Kan jeg hoste en Claude-artifact gratis?
Ja. Å publisere er gratis uten konto og varer i 6 timer. En gratis Lobsite-konto beholder ett nettsted for godt, med 10 GB båndbredde i måneden.
Hvorfor er den publiserte artifacten min en blank side?
Mest sannsynlig er det en React-artifact: koden trenger et bygg som artifact-panelet gjør for deg. Be Claude skrive den om til én selvstendig HTML-fil (prompten står over), og publiser den.
Trenger jeg koblingen?
Nei. Å kopiere koden og lime den inn her fungerer på alle Claude-planer. Koblingen sparer deg for kopieringen og lar Claude oppdatere nettstedet mens du fortsetter å endre siden.
Kan folk finne siden min på Google?
Ikke mens den er midlertidig: nettsteder uten konto indekseres ikke. Når du beholder den i en gratis konto, kan søkemotorer indeksere den.
Kan jeg legge til et kontaktskjema på siden?
Ja. Be Claude om å la skjemaet sende til /_lobsite/forms/contact. Meldinger kommer til dashbordet og e-posten din når nettstedet er i kontoen din. Se skjemaer.