Marka Özeti'nden Açılış Sayfasına
Markayı ve ihtiyacınız olan sayfayı açıklayın. Okou her bölümü yazar, lisanslı fotoğrafçılık kaynaklarını kullanır, siteyi GitHub'ye kaydeder ve Vercel'de canlı olarak dağıtır.
Okou'nin sundukları: canlı, dağıtılmış bir mağaza
Okou'nin baştan sona oluşturduğu gerçek bir sayfayı keşfedin. Bir mücevher markası için tek bir özete dayanarak, Okou 17 bölümlü bir mağaza cephesi yazdı, 29 lisanslı fotoğraf temin etti ve her birine atıfta bulundu, siteyi yeni bir GitHub deposuna kaydetti ve Vercel üretimine dağıttı. Aşağıdaki sayfa, canlı olan bu dağıtımdır.
Aracı özeti. Okou, bir mücevher markası için kahramandan koleksiyon galerisine, özel sipariş sürecine, marka hikayesine, müşteri referanslarına, SSS'ye ve rezervasyon çağrısına kadar uzanan 17 bölümlük bir mağaza cephesi yazdı. Fotoğrafçı kredileriyle 29 lisanslı fotoğraf temin etti, siteyi yeni bir GitHub deposuna kaydetti ve Vercel üretimine dağıttı, burada HTTP 200 döndürüyor. Yazılan bölümler: 17, kahramandan rezervasyon CTA'sına. Lisanslı görseller: 29, Unsplash ve Pexels, her biri kredilendirildi. Gerekli devirler: 0, tek çalıştırmada URL'i canlıya al.
Canlı mücevher mağazasını açınBir AI açılış sayfası oluşturucu nedir?
Bir AI açılış sayfası oluşturucu, yazılı bir özeti, bölüm yapısı, metin ve görseller dahil olmak üzere eksiksiz, duyarlı bir açılış sayfasına dönüştürür, bunu bir tasarımcı veya ön uç geliştirici elle bir araya getirmeden yapar. Okou, barındırılan bir sayfa oluşturucudan bir adım daha ileri gider: siteyi gerçek bir kod tabanına yazar, GitHub'ye kaydeder ve Vercel'e dağıtır, böylece elde ettiğiniz şey, başkasına ait bir düzenleyicide kilitli bir sayfa değil, sahip olduğunuz ve düzenlemeye devam edebileceğiniz bir üretim sitesidir. Çıktı, inceleyebileceğiniz, düz dilde değiştirebileceğiniz ve bir kampanyayı yönlendirebileceğiniz canlı bir URL'dir.
Basit bir açılış sayfasının neden hala bir hafta sürdüğü
Küçük bir mücevher markasının lansman tarihi var ama web sitesi yok. Sahibi koleksiyonu, fiyat konumlandırmasını ve özel sipariş veren müşteri türünü biliyor, ancak bunu bir mağazaya dönüştürmek bir tasarımcı, bir ön uç geliştirici, fotoğrafçılığı bulacak biri ve bir dağıtım hattı anlamına geliyor. Herhangi biri bir sayfa görmeden önce dört el değiştirme. Okou bunu tek bir konuşmaya indirger. Markayı ve bir ziyaretçinin yapmasını istediğiniz eylemi tanımlarsınız ve Okou sayfanın tamamını düzenler, markanın ses tonunda her satırı yazar, lisanslı görselleri bulur ve her birini kredilendirir, siteyi yeni bir GitHub deposuna kaydeder ve Vercel'e dağıtır. Canlı sayfayı gerçek altyapıda, bir maket değil, incelersiniz ve sade bir dille değişiklikler istersiniz. Bu sayfanın altındaki mağaza, Okou'nin tam olarak bu şekilde oluşturduğu ve dağıttığı gerçek bir sitedir.
Okou bir açılış sayfasını nasıl oluşturur ve dağıtır
Adım 1: Araçlarınızı bağlayın
Adım 2: Okou'e sor
Adım 3: Daha ileri götür
Açılış sayfaları için GitHub, Vercel ve Plausible entegrasyonları
Bu iş akışı, ortasında bir aracı bulunan bir GitHub Vercel entegrasyonudur: Okou siteyi yazar, GitHub aracılığıyla taahhüt eder ve Vercel aracılığıyla gönderir. Her bağlayıcı ayrı ayrı verilir ve iş akışının gerçekten kullandığı şeyle sınırlıdır, bu nedenle dağıtım izni asla depolarınızın geri kalanına erişim anlamına gelmez.
GitHub entegrasyonu: Okou'nin yazdığı depo
GerekliOkou bir depo oluşturur, sayfayı ve varlıklarını kaydeder ve adını verdiğiniz dala gönderir. Site barındırılan bir düzenleyici yerine Git'e indiği için, her revizyon okuyabileceğiniz, inceleyebileceğiniz veya geri alabileceğiniz normal bir kayıttır ve kendi geliştiricileriniz, dışa aktarma adımı olmadan sayfayı istediğiniz zaman devralabilir. Zaten bir siteniz olduğunda, Okou bunun içinde çalışır: mevcut tasarım sistemini takip eder ve deponuza karşı bir çekme isteği açar, böylece yeni sayfa zaten yürüttüğünüz inceleme sürecinden geçer. Yazma erişimi, verdiğiniz depolarla sınırlıdır.
Vercel entegrasyonu: Okou'nin gönderdiği dağıtım
GerekliOkou, Vercel projesini oluşturur, commit edilen siteyi dağıtır ve dağıtımı geri okuyarak size gerçekten hizmet veren bir URL sunar. Bu geri okuma önemlidir: bir derlemenin tetiklendiğine dair bir söz yerine, derleme bittiğinde bir bağlantı alırsınız ve derleme başarısız olursa Okou, ölü bir bağlantı yerine hatayı bildirir. Önizleme dağıtımları da aynı şekilde çalışır, böylece üretim URL'si haline gelmeden önce gerçek bir altyapı üzerinde bir sayfayı inceleyebilirsiniz. Vercel projesini GitHub'ye push ile tetiklenen yeniden dağıtımlar için bağlamak, kendinizin yaptığı tek seferlik bir yetkilendirmedir ve sonraki her yinelemenin kendi başına dağıtılmasını sağlayan şey budur.
Plausible entegrasyonu: Okou'nin eklediği ve okuduğu analitikler
İsteğe BağlıPlausible isteğe bağlıdır ve lansmandan sonra yerini alır. Okou, yeni oluşturduğu sayfaya izleme komut dosyasını ekler, sayılması gereken olayları adlandırır ve ardından istek üzerine istatistikleri geri okuyabilir, böylece "bu hafta sayfa nasıl performans gösterdi" sorusunu sayfayı oluşturan aynı konuşmada sorarsınız. Bu, bir sayfa oluşturma ile dönüşüm sağlayıp sağlamadığını bilme arasındaki döngüyü kapatır ve bir varyant testinin başladığı yer burasıdır. Plausible olmadan iş akışı baştan sona çalışmaya devam eder; sadece sonucu başka bir yerde ölçersiniz.
Okou vs. sürükle ve bırak sayfa oluşturucu vs. tasarım ve geliştirme döngüsü
Bir açılış sayfası oluşturmak genellikle hız ve sahiplik arasında bir seçimdir. Barındırılan bir oluşturucu hızlıdır ancak sayfa araçta yaşar; bir tasarım ve geliştirme döngüsü size gerçek kod verir ancak bir hafta maliyetlidir. Okou, kodu ve dağıtımı tek bir çalıştırmada üreten AI web sitesi oluşturucu yoludur.
Sürükle ve bırak sayfa oluşturucular
Şablonlar ve görsel bir düzenleyici bir sayfayı hızla hazırlar ve yine de her başlığı kendiniz yazarsınız, her görüntüyü seçersiniz ve her bölümü kendiniz düzenlersiniz. Sayfa ayrıca aracın içinde kalır, bu nedenle daha sonra taşımak yeniden oluşturma anlamına gelir ve abonelik kalıcıdır.
Bir tasarım ve geliştirme döngüsü
Tasarım için bir brifing, mühendislik için bir bilet, bir dizi metin düzenlemesi ve bir dağıtım penceresi. Sonuç tam olarak istediğiniz ve tamamen size ait olan şeydir, ancak kampanya genellikle onu bekler ve tek seferlik bir sayfa nadiren yol haritasına karşı öncelik kazanır.
Okou'in açılış sayfası iş akışı
Okou tüm yolu tek geçişte çalıştırır: yapı, kopya, lisanslı görseller, bir GitHub taahhüdü ve canlı bir URL döndüren bir Vercel dağıtımı. Çıktı, deponuzdaki koddur, bu nedenle yineleme sohbette bir cümledir ve sayfayı geliştiricilerinize teslim etmek için dışa aktarmaya gerek yoktur.
Daha iyi sonuçlar için ipuçları
Sıkça sorulan sorular
AI ile bir açılış sayfası nasıl oluştururum?
GitHub ve Vercel'i Okou'ye bağlayın, ardından markayı, hedef kitleyi ve bir ziyaretçinin yapmasını istediğiniz eylemi açıklayın. Okou bölümleri planlar, metni yazar, görselleri temin eder, siteyi bir depoya kaydeder ve dağıtır. Canlı bir URL geri alırsınız ve düz dilde yanıt vererek onu iyileştirirsiniz.
Bir AI aracısı otomatik olarak Vercel'e bir açılış sayfası dağıtabilir mi?
Evet. Vercel bağlayıcısı verildiğinde, Okou projeyi oluşturur, taahhüt edilen siteyi dağıtır ve size URL'yi vermeden önce dağıtım durumunu geri okur, böylece size verdiği bağlantı zaten sayfayı sunan bir bağlantıdır. Vercel projesini GitHub'ye push tetiklemeli yeniden dağıtımlar için bağlamak, kendinizin tamamladığı tek seferlik bir yetkilendirmedir, bundan sonraki her değişiklik kendi kendine yeniden dağıtılır.
Okou, açılış sayfası düzeninin yanı sıra metnini de yazar mı?
Evet. Kopyalama genellikle bir sayfayı engelleyen kısımdır, bu nedenle Okou her bölümü, ana başlığı, değer tekliflerini, süreç açıklamasını, SSS yanıtlarını ve eylem çağrısını, tanımladığınız ses tonunda taslak olarak hazırlar. Bir ton ve iki veya üç referans marka belirtin, taslak ilk geçişte çok daha yakın bir şekilde gelir.
Sayfadaki görseller nereden geliyor?
Okou, Unsplash ve Pexels gibi lisanslı stok kütüphanelerinden fotoğraf çeker ve sayfadaki her görsel için fotoğrafçı kredisini kaydeder. Bu sayfadaki örnek mağazada bu, 29 kredili fotoğrafa denk geldi. Okou'yi kendi varlık klasörünüze veya marka kütüphanenize de yönlendirebilirsiniz ve bunun yerine bunları kullanacaktır.
Okou, sayfayı mevcut sitemin ve tasarım sistemimin içine inşa edebilir mi?
Evet, ve zaten bir siteniz varsa bu daha iyi bir yoldur. Okou'yi deponuza yönlendirin ve sayfanızı mevcut bileşenlerinizden ve jetonlarınızdan bir araya getirir, ardından bağımsız bir proje oluşturmak yerine bir çekme isteği açar. Sayfa yerel görünür çünkü sitenin geri kalanıyla aynı parçalardan oluşturulmuştur.
Sayfayı oluşturduktan sonra nasıl değiştiririm?
Değiştirmek istediğiniz şeyi yanıtlayın. Okou kodu düzenler, commit eder ve yeniden dağıtır ve üretim URL aynı kalır. Her revizyon bir Git commit'i olduğundan, farkı inceleyebilir veya herhangi bir önceki sürüme geri dönebilirsiniz.
Bir AI aracısının oluşturduğu kodun sahibi kimdir?
Siz yaparsınız. Site, kendi GitHub deponuza kaydedilir ve kendi Vercel hesabınıza dağıtılır, bu nedenle dışa aktarma adımı yoktur ve sayfanın çevrimiçi kalması için Okou'ye bağımlılık yoktur. Bağlayıcıları iptal etmek, depoyu ve çalışan dağıtımı etkilemez.
Açılış sayfası iş akışı hangi araçlara ihtiyaç duyar?
GitHub ve Vercel gereklidir: GitHub kodu tutar ve Vercel onu sunar. Plausible isteğe bağlıdır ve lansmandan sonra sayfa analizi ekleyerek performansı ölçmenizi ve bir varyantı test etmenizi sağlar.
İlk sayfanızı oluşturun
GitHub ve Vercel'i bağlayın, ardından markayı ve bir ziyaretçinin yapmasını istediğiniz eylemi açıklayın. Yukarıdaki mağazayı üreten aynı istem, sizinkini de üretecektir.
