Claude tek bir artifact içinde koca bir sayfa yazar: bir açılış sayfası, bir test, bir hesap makinesi, bir rapor. Ona sohbetin dışında kendine ait bir yuva vermek için Lobsite'ta yayımlayın: artifact'in kodunu yukarıdaki kutuya yapıştırın ya da Lobsite'ı Claude'a bağlayıp yayımlamasını isteyin. Bunun yerine Claude Code'da mı geliştiriyorsunuz? Bkz. Claude Code'dan deploy.
Nasıl çalışır
- Artifact'in kodunu alın. Artifact panelinde kod görünümüne geçip kopyalayın ya da dosyayı indirin.
- Yukarıdaki kutuya yapıştırın ve Bu sayfayı yayınla düğmesine basın. HTTPS'li, yayında bir
*.lobsite.appadresi alırsınız. - Koruyun. Site 6 saat yaşar; Ücretsiz koruyun → onu aynı adresle ücretsiz bir hesaba taşır.
HTML artifact'leri ve React artifact'leri
Claude birkaç türde artifact oluşturur ve hangisine sahip olduğunuz önemlidir:
- HTML artifact'leri (
<!doctype html>ile başlayan tam bir sayfa) olduğu gibi yayımlanır. Satır içi stiller ve betikler çalışır; tam URL'siyle bir CDN'den yüklenen kütüphaneler de öyle. - React artifact'leri (
importveexport default functionile başlayan kod) henüz bir web sayfası değildir: onları sizin için artifact paneli derler. Aşağıdaki gibi bir prompt ile Claude'dan onu bir sayfaya dönüştürmesini isteyin, sonra sonucu yapıştırın.
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.
Claude'un dosya olarak oluşturamadığı görseller (logolar, fotoğraflar) tam bir https:// URL'si gerektirir; ya da sayfayı ve görselleri bir klasöre koyup klasörü Dosya bırak sekmesine bırakın.
Yayımlamayı Claude'a bırakın: bağlayıcı
Claude.ai, Lobsite'ı uzak bir MCP sunucusu olan özel bir bağlayıcı olarak kullanabilir. Claude'un ayarlarında şu URL ile özel bir bağlayıcı ekleyin:
https://lobsite.com/api/mcp
Sonra şöyle isteyin: "Bu sayfayı Lobsite ile yayımla." Claude, bağlayıcının tek aracı olan deploy_files aracını sayfanın içeriğiyle çağırır ve adresi, siteyi korumanızı sağlayan sahiplenme bağlantısıyla birlikte yanıtlar. Özel bağlayıcılar, bunları destekleyen Claude planlarında kullanılabilir; her istemcinin ayrıntıları MCP sayfasında.
Hesapsız bir deploy 6 saat yayında kalır. Sahiplenme bağlantısı onu ücretsiz olarak korur.
Kodlama ajanları için npx lobsite mcp, sohbet asistanları için lobsite.com/api/mcp.
Her site ilk deploy'dan itibaren HTTPS'li bir *.lobsite.app adresi alır.
Bir formu /_lobsite/forms/contact adresine yönlendirin. Spam filtresi dahil.
Yayına almadan önce önizleyin. Yönlendirmeler dahil tek tıkla geri alın.
Ücretsiz hesaplar dahil: bir DNS kaydı ekleyin, site alan adınıza taşınsın. Her plan için her sitede HTTPS var.
Claude'un kendi Publish düğmesi mi, bir site mi
Claude bir artifact'i kendi Publish düğmesiyle paylaşabilir. Bu, artifact'i Claude içinde birine göstermenin en hızlı yoludur. Site ise sayfanın kendi başına durması gerektiğinde içindir:
| Claude'un Publish düğmesi | Lobsite | |
|---|---|---|
| Nerede açılır | claude.ai üzerinde | Kendi *.lobsite.app adresinde |
| Kendi dosyalarınız (görseller, başka sayfalar) | Hayır | Evet: klasörü bırakın |
| Size mesaj gönderen formlar | Hayır | Evet, site bir hesaptayken |
| Güncellemeler | Yeni sürümü Claude'dan yayımlayın | Yeniden yapıştırıp Güncelle'ye basın ya da yeniden deploy edin |
| Özel alan adı | Hayır | Evet, ücretsiz |
| Hesap gerektirir | Claude hesabınız | 6 saat boyunca hayır; korumak ücretsiz |
Sık sorulan sorular
Bir Claude artifact'ini ücretsiz barındırabilir miyim?
Evet. Hesapsız yayımlamak ücretsizdir ve 6 saat sürer. Ücretsiz bir Lobsite hesabı, ayda 10 GB bant genişliğiyle bir siteyi kalıcı olarak tutar.
Yayımladığım artifact neden boş bir sayfa?
Büyük ihtimalle bir React artifact'i: kodu, artifact panelinin sizin için yaptığı bir derlemeye ihtiyaç duyar. Claude'dan onu tek, bağımsız bir HTML dosyası olarak yeniden yazmasını isteyin (prompt yukarıda) ve onu yayımlayın.
Bağlayıcıya ihtiyacım var mı?
Hayır. Kodu kopyalayıp buraya yapıştırmak her Claude planında çalışır. Bağlayıcı kopyala-yapıştırı ortadan kaldırır ve siz sayfayı değiştirmeye devam ettikçe Claude'un siteyi güncellemesini sağlar.
İnsanlar sayfamı Google'da bulabilir mi?
Geçiciyken hayır: hesapsız siteler dizine eklenmez. Ücretsiz bir hesapta tuttuğunuzda arama motorları onu dizine ekleyebilir.
Sayfaya bir iletişim formu ekleyebilir miyim?
Evet. Claude'dan formun /_lobsite/forms/contact adresine göndermesini sağlamasını isteyin. Site hesabınızdayken mesajlar panelinize ve e-postanıza ulaşır. Bkz. formlar.