Ana içeriğe geç

Bolt.new: Kod Yazmadan Uygulama Oluşturma Üzerine Pratik Bir Rehber

Uyarlanabilir antrenman planlarıyla Bolt.new kullanarak bir spor salonu antrenman uygulamasını nasıl oluşturup yayımlayacağınızı öğrenin.
· 8 dk. oku

Yapay Zeka ile Keşfedin

Bolt.new, metinden uygulamaya dönüştüren yeni bir yapay zekâ aracıdır. Lovable’a benzer şekilde, kullanıcıların yalnızca istemler kullanarak uygulama geliştirmesine olanak tanır. Bu eğitimde sizi araçta adım adım gezdireceğim ve onunla bir Spor Salonu Antrenman uygulaması oluşturmaya çalışacağız.

Bu tür araçlar hakkında daha fazla bilgi edinmek istiyorsanız, Lovable eğitimimize göz atmanızı öneririm.

Bolt.new nedir?

Bolt.new, geliştiricilerin modern çerçeveler, kütüphaneler ve entegrasyonlar hazır bir şekilde, tam yığın uygulamaları anında başlatmasını sağlayan bir metinden-uygulamaya aracıdır. 

Sıfırdan başlamanız veya saatlerce proje iskeletlerini yapılandırmanız yerine, “kimlik doğrulama ve Stripe ödemeleri olan bir SaaS açılış sayfası oluştur” gibi bir istem yazabilir ve Bolt saniyeler içinde çalışan bir proje iskeleti çıkarır.

Bolt.new arayüzü.

Ana fikir, bir fikir ile çalışan bir ürün arasındaki mesafeyi kısaltmaktır. Bolt.new ile bağımlılıkları, yönlendirmeyi, durum yönetimini veya stil kütüphanelerini elle bir araya getirmeniz gerekmez; bu seçimler araç tarafından otomatik olarak yapılır. Kutu dışı en iyi uygulamaları takip edecek şekilde tasarlanmıştır; böylece ortaya çıkan kod tabanı, yalnızca atılacak bir prototip yerine, yapılandırılmış ve üretime hazır olur.

Bolt.new, bir projeyi tek tıkla yayımlamanıza ve web üzerinde herkese açık hale getirmenize olanak tanır. Ancak bu yazının yazıldığı tarihte, veritabanı ve kimlik doğrulama gibi önemli özellikler hâlâ beta aşamasında olduğundan, gerçek uygulamalar için oldukça sınırlıdır.

Bolt.new ile Nasıl Başlanır

Başlamak için sitelerine gidip bir hesap oluşturun. Abonelik olmadan, ayda 1M token ve günlük 150K token sınırınız var.

Bolt.new fiyatlandırma detayları.

Ücretsiz katman denemenize imkân veriyor, ancak uygulama üzerinde çok fazla yineleme yapmayı beklemeyin. 

Token sınırını, tüm özellikleri ilk istemde çok detaylı belirterek aşmaya çalıştım, ancak genellikle yalnızca ana uygulama fikrini ürettiğini ve daha fazla yineleme, dolayısıyla daha fazla token gerektirdiğini gördüm.

Bolt.new ile Nasıl Uygulama Geliştirilir: Spor Koçluğu Uygulaması

Bold.new’i test etmek için bir spor koçluğu uygulaması geliştirmeyi deneyeceğiz. Böyle bir uygulamanın temel fikri, her gün bizim için egzersizler planlaması ve ilerlememizi takip etmemize yardımcı olmasıdır. Ardından geçmiş verilere dayalı planlar oluşturur.

Kullandığım ilk istem şöyleydi:

Spor salonu için bir egzersiz takip uygulaması oluşturmak istiyorum. Her gün bana bir egzersiz seti vermeli. Bir egzersiz; bir makineyi, bir ağırlığı ve tekrar sayısını belirtir. Uygulama, her egzersiz için kaç tekrar yaptığımı ve zor, normal veya kolay olup olmadığını işaretlememe izin vermeli. Sonrasında bu veriler, ilerleyen günleri planlamak için kullanılmalı. 

Spor koçluğu uygulaması için kullanılan ilk istem.

İstemi gönderdikten sonra bir React projesi oluşturdu ve temel işlevleri uygulamaya başladı. Günlüklere, üretilen tüm dosyaların kapsamlı bir listesini sağlıyor:

Bolt.new uygulamayı oluştururken sohbet günlükleri.

Bir süre sonra uygulama çalışır hâle geldi. Bu aşamada şöyle görünüyordu:

İlk uygulama arayüzü.

Yeni bir antrenman seansı oluşturduğumda şunu elde ettim:

Uygulamayla oluşturulan ilk antrenman seansı.

Bu tam olarak aklımdaki gibi değildi, çünkü her egzersiz tek bir setten oluşuyordu; yine de yeterince yakındı. Doğrusunu söylemek gerekirse, ilk istemimin bu konuda yeterince net olmadığını düşünüyorum. İşte burada istem tasarımını anlamak işe yarıyor. 

Token açısından, bu ilk istem zaten günlük 150K sınırın 97K’sını tüketti. Bu da, ücretsiz planda fikirlerimizi çok ileri götüremeyeceğimizi gösteriyor.

İlk istemden sonra kullanılan tokenlar.

Uygulamada Değişiklik Talep Etme

Bu metinden-uygulamaya yapay zekâ araçlarının arkasındaki ana fikir, yalnızca yapay zekâ ile sohbet edip değişiklikler isteyerek, kod yazmayı bilmeden fikirlerimizi hayata geçirebilmemizdir.

Bu vibe-coding iddiasını sınamak için, her egzersizin birden fazla setten oluşmasını talep ettim.

Uygulamada değişiklik talep etme.

Bolt.new değişiklikleri yaptı; ancak uygulamayı yeniden oluşturmayı denerken bir hatayla karşılaştı.

Bolt.new hata örneği.

Arayüz hatanın farkında ve otomatik olarak düzeltmeyi deneme olanağı sunuyor.

Bolt.new ile hata düzeltme

Bazen hatayı doğrudan tespit edip kendisi düzeltebiliyor. Ancak bu durumda, yapılan yeni değişiklikler başka hatalarla geldi:

Bolt.new ile sorunları düzeltme

Birkaç tur hata düzeltmeden sonra, her antrenman seansında birden fazla egzersiz ve her egzersizde birden fazla set (tekrar sayısı) bulunan çalışan bir sürüm elde ettik. Her set için kaç tekrar yaptığımızı takip edebiliyor ve ardından hissettiğimiz zorluk hakkında geri bildirim verebiliyoruz.

Geliştirilmiş antrenman planı

Geri bildirim verileri, gelecekteki seansları planlamak için kullanılmalı. Bu verilerin nasıl kullanıldığıyla ilgili ayrıntıları sormak istedim, ancak o zamana kadar günün kredilerini bitirmiştim. 

Bu tür uygulamalar oluştururken sıkça karşılaştığım sorunlardan biri, kaputun altında neler olup bittiği üzerinde çok az denetime sahip olmamız. Deneyerek ve uygulamayı kullanarak görebiliyoruz, ancak bu her zaman, şeylerin nasıl uygulandığını tam olarak anlamak için yeterli olmuyor.

Bolt.new ile tokenların tükenmesi

Bolt.new Koduna Bakmak

Programlama biliyorsanız, koda bakarak uygulamanın nasıl çalıştığı konusunda fikir sahibi olmak mümkün. Lovable’ın aksine, Bolt.new kodu doğrudan web arayüzünde görmeyi çok kolaylaştırıyor.

Bir Bolt.new uygulamasında kodu incelemek.

Kod düzenleyiciyi açarak tüm proje dosyalarını görebilir, bir dosyaya tıklayarak kod düzenleyicide açabilir; böylece nasıl çalıştığını görüp doğrudan tarayıcıda değişiklik yapabilirsiniz. 

Orada, yeni antrenmanları oluşturma mantığını içerdiğini düşündüren adlı bir workoutGenerator.ts dosyası gördüm.

Bolt.new kod düzenleyicisi

Kredilerim bittiği için kodu kopyalayıp ChatGPT’ye yapıştırdım ve bana açıklamasını istedim. İşleyişine dair özet şu şekilde:

Uygulama, her gün sizin için, daha önce neler yaptığınıza bakarak yeni bir antrenman oluşturur. Tamamladığınız antrenman sayısını takip eder ve üst vücut, alt vücut veya tüm vücut gibi farklı türler arasında döngü yapar; böylece zaman içinde kaslarınız dengeli bir rutin alır. Her antrenman türü için, ilgili kas gruplarına uygun bir avuç egzersizi rastgele seçer; bu sayede hep aynı hareketleri yapmazsınız.

Ayrıca geçmiş antrenmanlarda ne kadar iyi performans gösterdiğinize dikkat eder. Bir egzersiz kolay geldiyse ve sıklıkla başarılı olduysanız, sizi zorlamaya devam etmek için ağırlığı biraz artırır veya daha fazla tekrar ekler. Bir egzersiz çok zorsa, daha yapılabilir hâle getirmek için ağırlığı düşürür. Böylece antrenman ilerlemenize uyum sağlar ve abartmadan doğru hızda gelişmenize yardımcı olur. Bana göre, özellikle ürünün ilk sürümü için makul görünüyor.

Bolt.new Uygulamasını Yayımlama

Uygulamayı yayımlamak için sağ üst köşedeki "Publish" düğmesine tıklayın.

Bolt.new ile bir uygulama yayımlama

Yayımlandığında, sohbette uygulamayı açabileceğimiz bir URL alıyoruz.

Bolt.new ile uygulamayı yayımlamanın sonucu

Tarayıcıda kullanabilir ve başkalarıyla paylaşabiliriz. Telefona da kurabiliriz. Ancak bu bir web uygulaması olduğu için uygulama mağazası üzerinden değil; tarayıcıdan şu şekilde kuruyoruz:

  1. Bağlantıyı telefonda açın.
  2. Tarayıcıdaki seçenekler menüsüne tıklayın.
  3. "Ana ekrana ekle" seçeneğine tıklayın.

Uygulamayı telefona kurma.

Ne yazık ki, Bolt.new uygulamayı kutudan çıktığı hâliyle bir artık web uygulaması (PWA) yapmadı. Bu da, az önce açıkladığımız şekilde mobil telefona kurduğumuzda, yalnızca ana ekranda bir bağlantı oluşturduğu ve deneyimin tarayıcıda kullanmaktan pek farklı olmadığı anlamına geliyor.

Uygulamanın yerel bir uygulama gibi davranması için onu bir PWA’ya dönüştürmesini istedim, ancak pek iyi gitmedi. Bolt.new gerekli dosyaları oluşturarak iyi başladı, fakat bir PWA’nın gerekliliklerinden biri görsel logolara sahip olmaktır. Ne yazık ki, Bolt.new bu görselleri, görsel baytlarını yazarak üretmeyi denedi; bu yalnızca muhtemelen anlamsız görseller üretmekle kalmadı, aynı zamanda tüm tokenları da tüketti.

Özel Alan Adı Ayarlama

Uygulama için aldığımız URL otomatik olarak oluşturulduğundan, üretim için ideal değildir. Gerçek bir ürün için kendi alan adımızı satın alıp yapılandırmamız gerekir. Bu, proje ayarlarındaki "Domains & Hosting" sayfasından yapılabilir.

Bolt.new üzerinde özel alan adı yapılandırma.

Uygulamanın mevcut sürümü verileri bir veritabanında saklamıyor. Bu nedenle, uygulamayı önce bilgisayarımızda sonra telefonumuzda açarsak aynı verileri görmeyiz. Cihazda yerel veri kalıcılığı vardır; dolayısıyla aynı cihazı kullanırsanız veriler yerel olarak saklanır. Bu yüzden uygulamayı yenilesek bile mevcut antrenman planını ve geçmiş antrenmanları kaybetmeyiz.

Bu bir prototip için kabul edilebilir, ancak ticari bir ürün için hiç uygun değildir. Şu anda kimlik doğrulama ve veritabanları hâlâ beta aşamasında. Özel betalarına kaydolarak erişebilirsiniz.

Bolt.new’de özel betaya katılma

Sonuç

Bolt.new’in bir prototipi hızlıca iskeletleyip bir ürün fikrini doğrulamak için harika bir araç olduğuna inanıyorum. Ancak, yapay zekâ özellikleri yüzeysel düzeyde uygulama eğiliminde; bu da kapsamlı uygulamaların ciddi miktarda yineleme gerektirdiği anlamına geliyor. 

Ayrıntılı bir ilk istem sunsak bile, sonuç tam kapsamlı gereksinimin yalnızca yüzeyine dokunuyor ve ücretsiz katmanın token sınırları abonelik olmadan anlamlı bir şey inşa etmeyi neredeyse imkânsız kılıyor.

Ayrıca, kimlik doğrulama ve veritabanı desteği gibi temel hizmetler hâlâ beta aşamasında olduğundan, üretime hazır bir uygulama oluşturmaya girişmeden önce tam sürümlerini beklemenizi öneririm. 

Genel olarak, Bolt.new rakipleri gibi çalışıyor, ancak öne çıkan özelliği kaynak kodu doğrudan web arayüzünde görüntüleyip düzenleme imkânı; bu da Lovable gibi platformlarda yaşadığım büyük hayal kırıklıklarından birini gidermek açısından kritik bir avantaj.

François Aubry

Yazar

François Aubry

CheapGPT’te full-stack mühendisi ve kurucuyum. Öğretmek her zaman tutkum oldu. Öğrencilik yıllarımdan itibaren diğer öğrencilere ders verme ve yardımcı olma fırsatlarını hevesle aradım. Bu tutku beni doktora yapmaya yönlendirdi; bu süreçte akademik çalışmalarımı desteklemek için araştırma görevlisi olarak da görev aldım. O yıllarda, geleneksel sınıf ortamında bağlar kurmaktan ve öğrenmeyi kolaylaştırmaktan büyük bir tatmin duydum. Ancak çevrim içi öğrenme platformlarının ortaya çıkmasıyla birlikte dijital eğitimin dönüştürücü potansiyelini fark ettim. Nitekim üniversitemizde bu tür bir platformun geliştirilmesinde aktif rol aldım. Geleneksel öğretim ilkelerini yenilikçi dijital yöntemlerle bütünleştirmeye derinden bağlıyım. Tutkum, yalnızca ilgi çekici ve bilgilendirici olmakla kalmayan, aynı zamanda bu dijital çağdaki öğrenenler için erişilebilir kurslar tasarlamaktır.

Konular

İlgili