İlk Atoms uygulamanızı oluşturun ve yayınlayın; ilk isteminizden paylaşabileceğiniz canlı bir sürüme kadar.

Başlamadan önce her agent, mod veya teknik terimi öğrenmeniz gerekmez. Temel iş akışı çok daha basittir: Atoms'a ne istediğinizi söyleyin, ne oluşturduğunu kontrol edin, değişiklikler yapın, test edin ve hazır olduğunda yayınlayın.

Bu kılavuz örnek olarak basit bir kafe web sitesi kullanır, ancak aynı döngü bir açılış sayfası, kontrol paneli, dahili araç veya kendi uygulama fikriniz için de geçerlidir.

Bu adımlar, oturum açılmış bir masaüstü web projesini kapsar. Mobil projeler ayrı bir mobil derleme ve dağıtım akışı kullanır.

Yayınlamadan önce mevcut derlemenin tamamlanmasını bekleyin, yayınlama erişiminiz olduğundan emin olun, projenin boşta olduğunu doğrulayın ve kredi veya depolama gibi gerekli proje kaynaklarının kullanılabilir olduğunu kontrol edin. Publish kullanılamıyorsa, yeniden denemeden önce proje sürümünü, erişimi ve kaynak koşullarını kontrol edin. Veri, gizli bilgiler, e-postalar, yapay zeka, ödemeler veya diğer bağlı hizmetleri kullanan projelerin de paylaşmadan önce üretim kontrollerinin yapılmış olması gerekir.

Ne istediğinizi açıklayın

İstem kutusunda başlayın ve istediğiniz sonucu normal bir dille açıklayın. Teknik özellikler yazmanız veya Atoms'a bunu nasıl kodlayacağını söylemeniz gerekmez.

Kullanışlı bir ilk istem genellikle ne oluşturduğunuzu, ana bölümleri veya özellikleri, görsel yönü ve mobilde önemli olan her şeyi belirtir.

Uygulama Dünyası içinde istediğinize yakın bir şey zaten bulduysanız, sıfırdan başlamak yerine o projeyi remixleyerek de başlayabilirsiniz.

İlk sonucu kontrol edin

Atoms projeyi oluşturur ve ilk sürümü derler. Hazır olduğunda, Uygulama Görüntüleyici'yi açın ve daha fazla değişiklik istemeden önce sonucu gözden geçirin.

Önce hızlı bir kontrol yapın. Henüz her küçük sorunu bulmaya çalışmıyorsunuz. Atoms'un ana fikri anlayıp anlamadığını kontrol edin.

• Ana bölümler ve özellikler mevcut mu?
• Genel düzen istediğinizle eşleşiyor mu?
• Önemli düğmeler, bağlantılar, filtreler veya diğer etkileşimler yanıt veriyor mu?
• Açıkça eksik, bozuk veya kastettiğinizden farklı olan bir şey var mı?

Uygulamayı hem PC hem de mobil modlarda önizleyebilirsiniz, bu yüzden devam etmeden önce deneyimi birden fazla ekran boyutunda kontrol edin.

Değişiklik yapın

İlk sürümü bir başlangıç noktası olarak görün. Agent'a neyi değiştirmek istediğinizi sade bir dille söyleyin, ardından sonucu tekrar kontrol edin.

Küçük ve belirli istekleri gözden geçirmek, her şeyi bir anda değiştirmekten genellikle daha kolaydır.

Görsel değişiklikler için öğeleri doğrudan Uygulama Görüntüleyici içinde düzenleyebilir veya değişikliği agent'a açıklayabilirsiniz. Atoms'un takip etmesini istediğiniz bir ekran görüntüsü, tasarım, dosya veya başka bir referans varsa bunu yükleyin ve agent'ı buna yönlendirin.

Bir şey bozulduğunda: Bir şey yalnızca tercihinizden farklı olmak yerine gerçekten bozuksa, Fix Bug kullanın veya agent'a tam olarak neyin yanlış olduğunu ve bunun nerede gerçekleştiğini söyleyin.

Hâlâ başarısız oluyorsa: Aynı isteği, odaklı bir yeniden denemeden sonra tekrar etmeyi bırakın. Etkilenen adımı, ne beklediğinizi, ne olduğunu, daha önce neleri denediğinizi ve paylaşılabilir bir proje bağlantısını veya ekran görüntüsünü kaydedin. Hesap, faturalandırma veya Atoms platformu sorunu yaşayan ücretli bir kullanıcıysanız, Atoms Help Center'ı açın, Explore resources altında Atoms Support'u seçin ve Contact us'ı seçin. Ücretsiz Plan kullanıcıları veya genel ürün talimatları ve sorun giderme için önce Help Center, Ask Assistant veya Atoms topluluğuyla başlayın.

Yayınlamadan önce test edin

Uygulamayı birine göndermeden önce, onu gerçek bir ziyaretçi gibi kullanarak birkaç dakika geçirin. Şimdi yapılacak hızlı bir test, paylaştıktan sonra bozuk bir bağlantıyı açıklamaktan çok daha kolaydır.

• Önemli her düğmeye ve bağlantıya tıklayın.
• Filtreler, formlar, menüler veya gezinme gibi etkileşimli bölümleri deneyin.
• Hem PC hem de mobil görünümleri kontrol edin.
• Kesilmiş, üst üste binmiş, eksik veya okunması zor metinlere bakın.
• Ana kullanıcı yolculuğunun baştan sona çalıştığından emin olun.

Uygulamanız depolanan verilere veya arka uç işlemlerine bağlıysa, bunları da test edin. Atoms; veri depolama, gizli bilgiler, e-posta, yapay zeka çağrıları ve ödemeler gibi yetenekler için Atoms Bulutu'nu kullanabilir veya Supabase Bağlantısı ile bağlanabilir.

Yayınlamadan önce, ziyaretçilerin görebileceği her şeyden gizli bilgileri, parolaları, jetonları, kişisel bilgileri ve özel test verilerini kaldırın. Projenin Public mi yoksa Private mı olması gerektiğini doğrulayın ve canlı bağlantıyı hedeflenen hesapla test edin. Uygulama gerçek ödemeler, e-postalar, depolanan veriler veya bağlı hizmetler kullanıyorsa, paylaşmadan önce bu üretim işlemlerini ayrıca doğrulayın.

Yayınla

Önizleme doğru göründüğünde ve ana etkileşimler çalıştığında, düzenleyicinin sağ üst köşesindeki Publish seçeneğine tıklayın.

Yayınlama, erişimi seçtiğiniz görünürlüğe bağlı olan canlı bir bağlantı oluşturur. Public, bağlantı ile açılabilir ve Discover'da görünebilir. Private yalnızca sahibine görünür ve plana göre sınırlı olabilir. Paylaşmadan önce amaçlanan görünürlüğü seçin ve bağlantıyı hedeflenen hesapla test edin.

Yayınlama, projenizin diğer kişilerin gerçekten açabileceği bir şeye dönüştüğü noktadır. Projede geliştirmeye devam edin, ancak yayınladıktan sonra her zaman canlı sürümü ayrıca kontrol edin.

Canlı uygulamayı doğrulayın

Paylaşmadan önce yayınlanan bağlantıyı kendiniz açın. Seçilen Public veya Private görünürlüğün hedef kitleye amaçlanan erişimi verdiğini doğrulayın; bunu test etmek için gizli pencereyi veya hedeflenen hesabı kullanın.

• Bağlantıyı, hedef kitleyle eşleşen hesap veya erişim bağlamını kullanarak yeni bir sekmede ya da gizli pencerede açın.
• Sayfanın yüklendiğini ve beklediğiniz sürümü gösterdiğini doğrulayın.
• En önemli tıklamaları veya etkileşimleri tekrarlayın.
• Mobil ziyaretçiler uygulamanız için önemliyse sayfayı telefonda kontrol edin.

Bir sorun bulursanız projeye geri dönün, değişikliği yapın, önizlemeyi yeniden test edin ve ardından canlı sürümü güncelleyin.

Değişiklik yaptıktan sonra güncelleyin

Uygulamanız, bir kez yayınladınız diye değişmeyi bırakmaz. İhtiyaç duyduğunuzda projede onu geliştirmeye devam edin.

İlk yayından sonra Publish düğmesi Update olur. Yeni değişiklikleri canlı sürüme göndermek istediğinizde Update'e tıklayın.

Bir güncellemeden sonra yayınlanan bağlantıyı bir kez daha açın ve doğrulayın. Bu size basit, tekrarlanabilir bir döngü sağlar:

Açıklayın → Kontrol edin → Değiştirin → Test edin → Yayınlayın → Doğrulayın → Güncelleyin

Bu, Atoms'un temel iş akışıdır. Daha karmaşık uygulamalar veri, kimlik doğrulama, entegrasyonlar, özel alan adları veya birden fazla agent ekleyebilir, ancak oluşturma döngüsü aynı kalır.