Rehber
Nasıl kullanılır Uttra
Adım adım, ilk fikirden kodu elinde olan yayınlanmış bir siteye.
Adım 1
İlk projeni başlat
Fikrini sade kelimelerle anlat, Uttra onu gözünün önünde kurmaya başlasın.
- Fikrini ana sayfadaki yazım kutusuna Arapça, lehçe veya İngilizce olarak, karşındaki bir insana anlatır gibi yaz.
- "İnşaya başla"ya tıkla. Uttra yalnızca senin projen için izole bir ortam hazırlar; dosyaları asla başkasınınkilerle paylaşılmaz.
- İnşayı sohbette adım adım takip et: sayfalar, veri ve mantık gözünün önünde birbiri ardına kurulur. İstersen "UI Styles"tan bir tasarım yönü de seçebilirsin.
- Bittikten sonra aynı sohbette istediğin zaman değişiklik istemeye devam edebilirsin; proje geliştirmeye açık kalır.
Adım 2
Önizlemeyi aç ve siteni canlı gör
Sohbetin yanında canlı bir önizleme, her istekte anında güncellenir.
- İnşa biter bitmez Uttra, sitenin veya uygulamanın canlı önizlemesini sohbet penceresinin hemen yanında açar.
- Sohbette istediğin her değişiklik önizlemeye anında yansır: sonucu Uttra ile konuşurken görürsün, sonradan değil.
- Önizleme bağlantısı sadece sana özeldir: projeyi dünyaya yayınlamaya karar verene kadar başka kimse göremez.
SohbetKodÖnizleme
Yayınla
Preview
Canlı
Smile Diş KliniğiRandevunu al
Adım 3
Görsel düzenleme için "Öğe seç"i kullan
"Öğe seç"e tıkla, sayfadaki herhangi bir şeyi seç ve Uttra'ya neyi değiştireceğini söyle.
- Önizlemenin üstünde "Öğe seç" adında bir buton var. Ona tıkla, sonra sayfadaki herhangi bir şeyi seç (metin, görsel, buton veya bütün bir bölüm).
- Seçtiğin öğe bağlam olarak sohbete otomatik gönderilir; böylece nerede olduğunu anlatmadan "bu metni büyüt" ya da "bu bölümü sil" gibi isteğini doğrudan yazabilirsin.
- Tek bir öğede hassas düzenlemeler için bu daha hızlıdır. Daha büyük, birden çok parçaya dokunan ve mantık ile veri bağlantısı gerektiren değişikliklerde normal sohbet daha iyi bir araçtır.
Preview
Öğe seç
Smile Diş Kliniğih1.hero-title
Bu metni büyüt
Adım 4
Siteni farklı cihazlarda test et
Aynı ekrandan mobil, tablet ve masaüstü görünümleri arasında geçiş yap.
- Önizleme araç çubuğundan, başka bir cihaz açmadan mobil, tablet ve masaüstü boyutları arasında geçiş yapabilirsin.
- Bu, siteni herkesin göreceği şekilde yayınlamadan önce tasarımın her boyutta çalıştığını ve net göründüğünü doğrulamanı sağlar.
- Uttra sana bir mobil uygulama kurduysa, bir QR kodu okutarak Expo Go uygulaması üzerinden gerçek telefonunda deneyebilirsin.
Preview
Adım 5
Ücretsiz bir Uttra alan adında yayınla
Tek tıkla, herkesle paylaşabileceğin hazır bir bağlantı; barındırma kurulumu yok.
- Projenin üstündeki "Yayınla" butonuna tıkla; projen "Herkese açık" hale gelir ve hemen herkesle paylaşabileceğin doğrudan bir bağlantı alırsın.
- Bağlantı, your-app.uttra.io gibi ücretsiz bir alt alan adındadır; senin tarafında barındırma kurulumu gerekmez.
- Yayınlanan siteler paketinin kaynaklarında (CPU, bellek, depolama) otomatik dağıtılarak çalışır; sunucu kurmana gerek kalmadan gerçek trafiğe hazırdır.
- Bir düzenlemeden sonra tekrar "Yayınla"ya basarsan, yenisi doğrulanana kadar ziyaretçiler için önceki sürüm yayında kalır; siten güncelleme sırasında asla kapanmaz.
SohbetKodÖnizleme
Yayınla
YayınlaBu projeyi herkese açık hale getir
Barındırma
0.8 vCPU
işlemci
2.4 GB
bellek
24 GB
depolama
Alan adı
Bizim alt alan adımız
clinic-smile.uttra.io
Kendi alan adın
Kendi alan adını getir, her pakette ücretsiz
Yayınla
Adım 6
Kendi alan adını bağla
Siten kendi alan adında, her pakette ücretsiz.
- "Yayınla" ekranından "Özel alan adı"nı seç ve alan adını gir; örneğin app.example.com.
- Uttra'nın gösterdiği DNS kayıtlarını alan adı sağlayıcının kontrol paneline ekle: genellikle doğrulama için bir TXT kaydı ve bir A kaydı.
- "Alan adını doğrula"ya tıkla. Ayarlar yayıldıktan sonra (biraz zaman alabilir) siten doğrudan kendi alan adında yayına girer.
| Tür | Barındır | Değer |
|---|---|---|
| TXT | @ | uttra-verify=8a2f... |
| A | @ | 76.13.x.x |
Doğrulandı: siten kendi alan adında yayında
Adım 7
GitHub'ı bağla ve kodunu gönder
Kodun tam bir kopyası, kendi deponda.
- Proje içindeki "GitHub" sekmesinden, repo kapsamına sahip bir Personal Access Token ile hesabını bağla.
- Bağladıktan sonra projeni istediğin zaman doğrudan kendi deponaganderebilirsin.
- Mevcut bir depoyu içe aktarma (pull), proje ortamındaki terminal üzerinden git clone ve git pull gibi alışıldık git komutlarıyla yapılabilir.
GitHub'ı bağla
clinic-smile-appGönder
Adım 8
Kodunu indir ya da terminalde kendin düzenle
Kod tamamen senin ve asla platformun içinde kilitli kalmaz.
- Kod tamamen senin. İstediğin zaman GitHub'a gönderebilir ya da projeye gömülü terminal üzerinden doğrudan indirip kopyalayabilirsin.
- Terminal sana gerçek bir geliştirme ortamı verir: dosyaları aç ve elle düzenle, projenin ihtiyaç duyduğu her npm veya sistem paketini kur.
- Yani sadece sohbetle sınırlı değilsin; istediğin zaman aynı projenin içinde tam bir geliştirici gibi çalışabilirsin.
zsh
$
$
Kendin denemeye hazır mısın?
Ücretsiz · Kredi kartı gerekmez