Claude schrijft een hele pagina in één artifact: een landingspagina, een quiz, een rekenmachine, een rapport. Om hem een eigen thuis te geven buiten de chat, publiceer je hem op Lobsite: plak de code van het artifact in het vak hierboven, of koppel Lobsite aan Claude en vraag Claude hem te publiceren. Bouw je liever in Claude Code? Zie Deployen vanuit Claude Code.
Zo werkt het
- Pak de code van het artifact. Schakel in het artifactpaneel naar de codeweergave en kopieer hem, of download het bestand.
- Plak hem in het vak hierboven en klik op Deze pagina publiceren. Je krijgt een live
*.lobsite.app-adres met HTTPS. - Houd hem. De site duurt 6 uur; Gratis houden → zet hem in een gratis account op hetzelfde adres.
HTML-artifacts en React-artifacts
Claude maakt verschillende soorten artifacts, en het maakt uit welke je hebt:
- HTML-artifacts (een volledige pagina die begint met
<!doctype html>) worden gepubliceerd zoals ze zijn. Inline stijlen en scripts werken, en bibliotheken die via hun volledige URL van een CDN worden geladen ook. - React-artifacts (code die begint met
importenexport default function) zijn nog geen webpagina: het artifactpaneel bouwt ze voor je. Vraag Claude er een pagina van te maken, met een prompt zoals hieronder, en plak dan het resultaat.
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.
Afbeeldingen die Claude niet als bestanden kan maken (logo's, foto's) hebben een volledige https://-URL nodig; of zet de pagina en de afbeeldingen in een map en sleep de map naar het tabblad Bestanden slepen.
Laat Claude publiceren: de connector
Claude.ai kan Lobsite gebruiken als aangepaste connector, een externe MCP-server. Voeg in de instellingen van Claude een aangepaste connector toe met deze URL:
https://lobsite.com/api/mcp
Vraag dan: ‘Publiceer deze pagina met Lobsite.’ Claude roept de enige tool van de connector aan, deploy_files, met de inhoud van de pagina, en antwoordt met het adres en de claimlink waarmee je de site houdt. Aangepaste connectors zijn beschikbaar op de Claude-abonnementen die ze ondersteunen; de MCP-pagina heeft de details voor elke client.
Een deploy zonder account is 6 uur live. Met de claimlink houd je hem, gratis.
npx lobsite mcp voor coding-agents, lobsite.com/api/mcp voor chatassistenten.
Elke site krijgt vanaf de eerste deploy een *.lobsite.app-adres met HTTPS.
Laat een formulier wijzen naar /_lobsite/forms/contact. Spamfilter inbegrepen.
Bekijk een voorbeeld voordat het live gaat. Zet in één klik terug, inclusief doorverwijzingen.
Ook voor gratis accounts: voeg één DNS-record toe en de site verhuist naar je domein. Elke site heeft HTTPS, met elk abonnement.
Claudes eigen Publish-knop, of een site
Claude kan een artifact delen met de eigen knop Publish. Dat is de snelste manier om iemand het artifact binnen Claude te laten zien. Een site is voor als de pagina op zichzelf moet staan:
| Publish in Claude | Lobsite | |
|---|---|---|
| Waar hij opent | Op claude.ai | Op een eigen *.lobsite.app-adres |
| Je eigen bestanden (afbeeldingen, meer pagina's) | Nee | Ja: sleep de map |
| Formulieren die je berichten sturen | Nee | Ja, zodra de site in een account staat |
| Updates | Publiceer de nieuwe versie vanuit Claude | Opnieuw plakken en op Bijwerken klikken, of opnieuw deployen |
| Eigen domein | Nee | Ja, gratis |
| Account nodig | Je Claude-account | Nee, 6 uur lang; houden is gratis |
Veelgestelde vragen
Kan ik een Claude-artifact gratis hosten?
Ja. Publiceren is zonder account gratis en duurt 6 uur. Een gratis Lobsite-account houdt één site voorgoed, met 10 GB bandbreedte per maand.
Waarom is mijn gepubliceerde artifact een lege pagina?
Waarschijnlijk is het een React-artifact: de code heeft een build nodig die het artifactpaneel voor je doet. Vraag Claude hem te herschrijven als één zelfstandig HTML-bestand (de prompt staat hierboven), en publiceer dat.
Heb ik de connector nodig?
Nee. De code kopiëren en hier plakken werkt op elk Claude-abonnement. De connector bespaart je het kopiëren en plakken, en laat Claude de site bijwerken terwijl je de pagina blijft veranderen.
Kunnen mensen mijn pagina op Google vinden?
Niet zolang hij tijdelijk is: sites zonder account worden niet geïndexeerd. Zodra je hem in een gratis account houdt, kunnen zoekmachines hem indexeren.
Kan ik een contactformulier aan de pagina toevoegen?
Ja. Vraag Claude het formulier te laten posten naar /_lobsite/forms/contact. Berichten komen in je dashboard en je e-mail zodra de site in je account staat. Zie formulieren.