Firebase Studio: Örneklerle Dürüst Bir İnceleme

Firebase, modern web ve mobil uygulamalar geliştirmek için ihtiyaç duyduğunuz her şeyi kapsayan güçlü bir araç paketi sunar. Geliştirici dünyasında popüler bir isimdir ve kimlik doğrulama, bulut depolama, gerçek zamanlı veritabanları ve sunucusuz işlevler gibi harika özellikleriyle uzun zamandır girişimler için başvurulan bir arka uç olmuştur.

Google şimdi işi bir adım öteye taşıyor: Firebase Studio, fikirden MVP'ye dakikalar içinde geçmenize yardımcı olmak üzere tasarlanmış yeni bir yapay zekâ destekli geliştirme ortamı. Replit ve Lovable gibi, Firebase Studio da yalnızca bir komutla uçtan uca uygulamalar oluşturmayı mümkün kılıyor.

Bu yazıda Firebase Studio'nun ne olduğunu ve nasıl çalıştığını keşfedeceğiz. Sıfırdan bir IoT panosu oluşturmak için nasıl kullandığımı gösterecek ve ilk izlenimlerimi paylaşacağım!

Okurlarımızı, haftanın önemli gelişmelerini özetleyen ve her Cuma ücretsiz olarak gönderdiğimiz The Median bülteniyle yapay zekâdaki en son gelişmelerden haberdar ediyoruz. Abone olun, haftada yalnızca birkaç dakikada güncel kalın:

Google’ın Firebase Studio’su Nedir?

Firebase Studio, doğal dil komutları kullanarak uçtan uca uygulamalar geliştirmenize imkân veren Google’ın yeni yapay zekâ destekli geliştirme aracıdır. 

Aslında bu araç, Google’ın 2023’te başlattığı bir bulut IDE olan Project IDX’in evrimidir. Project IDX, yapay zekâ desteği olan genel amaçlı bir bulut IDE olmaya odaklanıyordu; ancak Firebase Studio’ya yapılan yeniden markalama, odağını daraltıp Firebase geliştiricileri için deneyimi optimize ediyor. IDX’in en iyi yönlerini (Code OSS editörü, yapay zekâ asistanı ve bulut tabanlı ortam) alıp Firestore, Auth, Hosting ve Cloud Functions gibi Firebase hizmetleriyle entegrasyon ekliyor.

Firebase Studio, Firebase’in 2024’teki yeniden markalaması sırasında duyuruldu ve “yapay zekâ yerel” geliştirici araçlarının yükselen dalgasına Firebase’in yanıtı niteliğinde.

Firebase Studio’ya Nasıl Erişilir

Şu anda hemen studio.firebase.google.com adresine giderek Firebase Studio’yu deneyebilirsiniz. Tek ihtiyacınız olan bir Google hesabı. İçeri girdikten sonra, oluşturmak istediğiniz uygulamayı tanımlayan bir komut yazabilirsiniz; Firebase Studio da arka planda Firebase’in araçlarını kullanarak çalışmaya hazır bir proje oluşturacaktır. 

Firebase Studio Fiyatlandırması

Firebase Studio, önizleme döneminde ücretsizdir. Varsayılan olarak, sıfır maliyetle en fazla 3 çalışma alanı oluşturabilirsiniz. Ancak Firebase App Hosting gibi bazı entegre hizmetler veya Gemini API’sinin ücretsiz kotasını aşmanız, bir faturalandırma hesabı bağlamanızı gerektirir ve ücret doğurabilir. Firebase projeniz otomatik olarak Blaze (kullandıkça öde) planına yükseltilecek ve ücretsiz kotaları aşan kullanım için faturalandırılacaksınız.

Bununla birlikte, Firebase Studio’yu çoğunlukla prototipleme ve geliştirme görevleri için kullanmayı planlıyorsanız, ücretsiz çalışma alanı sınırları içinde kalmalı ve herhangi bir maliyete katlanmadan Firebase Studio’yu keşfedebilmelisiniz.

Test 1: Komutla IoT Pano Uygulaması

İlk olarak, bir komuttan uygulama oluşturmayı test etmeye karar verdim. Yapay zekâ destekli uygulama geliştirme araçlarını denerken, aracın davranışını gerçekten sınamak için nispeten karmaşık bir komut kullanmayı seviyorum. Yapılacaklar listesi uygulaması genelde iyi sonuç verir ama biraz daha karmaşık bir uygulama, aracın güçlü olduğu ve zorlandığı alanları daha net ortaya koyar.

Komutum şöyleydi:

“Prototype with AI” düğmesine bastıktan ve yaklaşık bir dakika bekledikten sonra hâlâ boş bir ekrana bakıyordum.

Sayfayı yenilemek pek işe yaramadı, bu yüzden çalışma alanını silip tekrar denemeye karar verdim. Bu kez, uygulamam için bir plan gösterildi:

Düzenleyebileceğim bazı stil yönergeleri oluşturmuş olmasına epey etkilendim (örneğin, renklere tıklayarak kolayca değiştirebiliyordum). 

Ancak, özellikler bölümüne bakarsanız, komutumda belirttiğim Cloud Function ve Firestore gereksinimlerini çıkardığını görebilirsiniz. Yine de buna yeterince yakın olduğunu düşündüm ve sonucu merak ederek planla devam ettim. Sonraki ekranda gördüklerim şunlardı:

Bu noktada sonuç beni biraz hayal kırıklığına uğrattı. Arayüz çok basitti ve aslında hiç kullanıcı kimlik doğrulaması yoktu.

Prototip ekranındaki farklı düğmeleri ve işlevleri test etmeye başladım. 

Uygulama arayüzünün sağ üst düğmesine tıklamak, uygulamayı yeni bir sekmede açıyor. Soldaki bir sonraki düğme, paylaşılabilir bir önizleme bağlantısı veriyor. Oldukça kullanışlı. Arayüzde en soldaki düğme ise bir bileşen seçicisini açıyor—birazdan buna döneceğiz.

Sohbet girişi alanının solundaki turuncu dalgalı düğmeye tıklamak ilginç bir “çizim” menüsünü açıyor.

Bir sensör kartının etrafına bir dikdörtgen çizebildim ve bu sensörün durumunu görmek istediğimi belirttim. Gerçekten de, mevcut durumunu bilmeden açıp kapatmanın pek bir anlamı yok. 

Her iki sensör kartına da, tıklanan düğmeye göre güncellenen bir durum (status) özelliği ekledi.

Arayüz üzerinden yeni bir mutfak sensörü eklemeyi denedim ve bu sorunsuz çalıştı.

Ancak, bu yeni sensör yeniledikten sonra kalıcı olmadı; bu da biraz hayal kırıklığı yarattı.

Bu noktada koda göz atmak istedim. Firebase Studio ekranının sağ üstündeki mavi “Publish” düğmesinin yanındaki kod simgesine tıkladım. Çevrimiçi bir kod düzenleyicinin açıldığını görmekten memnun oldum. Yeterince hızlı, hoş görünümlü ve yerleşik bir Gemini özelliği var. Kaynak kontrolünü açmak Git depolarını taramaya başladı.

Görünüşe göre bir depo bulmuş ve üzerinde bulunduğum dalı yayımlamamı bekliyordu.

Biraz tuhaf buldum, bu yüzden “Publish Branch” seçeneğine tıklamaya karar verdim.

Nitekim oturum açmamıştım ve bu sadece düzenleyicinin bir tuhaflığıydı. Yine de GitHub’a doğrudan çevrimiçi düzenleyici üzerinden giriş yapabilmeyi takdir ettim.

Asıl görmek istediğim, Firebase araç takımıyla entegrasyon yeteneğiydi. Prototip sekmesine geri dönüp, sensör verilerini taklit etmek için Auth ve Cloud Functions ile entegrasyon yapmasını sohbetten istedim.

İstediğimi yaptı ve bir Giriş ekranı sundu, ancak hemen bazı hatalarla başarısız oldu.

Yukarıdaki ekran görüntüsünde görüldüğü gibi hatalardan biri, kodun var olmayan bir Cloud Function’dan veri çekmeye çalışmasından kaynaklanıyordu; çünkü kodda hiç oluşturulmamıştı. “Fix Error” seçeneğine birkaç kez tıklamak bir sonuç vermedi.

Kod sekmesine geri döndüm ve Gemini asistanını birkaç kez yönlendirmem gerekti; böylece sıradan bir fonksiyon değil, Cloud Function kodu oluşturmayı kabul etti. Ardından bunu benim yerime dağıtamayacağını, ancak adımlarda yardımcı olabileceğini ekledi. Makul.

Sohbet arayüzü mantık problemlerini çözmede pek başarılı görünmediğinden, belki arayüz sorunlarını daha iyi çözebilir mi diye merak ettim. Giriş sayfası arayüzünü veri ve analitik temalı görseller ekleyerek daha ilgi çekici yapmasını istedim. Bu da, sohbetin birkaç dosyayı değiştirdiğini göstermesine rağmen hiçbir değişiklik sağlamadı.

Denemek istediğim son özellik uygulamayı yayımlamaktı. Sağ üstteki büyük “Publish” düğmesine tıklamak, uygulamayı yayımlama adımlarının olduğu bir yan panel açıyor.

Bir faturalandırma hesabı oluşturup Firebase App Hosting ile uygulamayı yayımlayabilmek için Blaze planına otomatik geçiş yapmaya karar verdim. Yan paneldeki bağlantı, Google Cloud konsoluna yönlendiriyor; burada benden bir faturalandırma profili oluşturmam istendi. Onayladığımda, GCP üzerinde “URL bulunamadı” sayfasına yönlendirildim. 

Firebase Studio sekmeme geri döndüğümde “Cloud Console'dan faturalandırma hesabı bekleniyor” mesajını görüyordum. Birkaç dakika bekledim ve birkaç kez yeniledim; sonunda faturalandırma hesabımı seçip uygulamamı yayımlayabildim.

Böylece “komuttan uygulama oluşturma” testim sona erdi. İlk düşüncem, Firebase Studio ile sürecin, daha önce kullandığım diğer araçlara kıyasla biraz daha zorlayıcı olduğuydu.

Şimdi ikinci teste geçelim.

Test 2: Şablondan Proje Oluşturma

Firebase Studio komutla uygulama oluşturma sunarken, şablonlar aracılığıyla da uygulama oluşturmayı sağlıyor.

Firebase Studio ana sayfasında, “Start coding an app” bölümünün altındaki küçük çatı veya dil simgelerinden birine tıklamak yeni bir ekran açıyor. “My Node App” adlı bir Node Express API Sunucusu oluşturmayı ve bunu TypeScript ile yapmayı seçtim.

Birkaç saniye sonra, ortaya çıkan sunucu çevrimiçi kod düzenleyicide göründü. Burada prototip sekmesi yok; bu, arka uç kodu olduğu düşünüldüğünde mantıklı.

Bu kez, kaynak kontrol sekmesini açmak yeni bir Git deposu başlatma fırsatı sundu.

Bu şablon yalnızca temel bir “hello world” uç noktası sunuyordu; ancak bir NodeJs + Express API geliştirmeye başlamak için gereken tüm kod ve iskelete sahipti. 

Firebase Studio Hakkındaki İlk İzlenimler ve Düşünceler

Genel olarak, Firebase Studio yapay zekâ destekli geliştirme dünyasına iyi bir adım; ancak hâlâ beta aşamasında gibi hissettiriyor.

Tek bir komuttan görsel prototipe, canlı önizlemeye, düzenlenebilir bileşenlere ve stil kontrollerine sahip çalışan bir uygulamaya geçme fikri son derece heyecan verici. Ayrıca, bir palet üzerindeki renklere doğrudan tıklayarak değiştirebilmek ya da prototip üzerinde çizim yaparak değişiklik istemek gibi düşünceli küçük dokunuşlar da vardı.

Yerleşik kod düzenleyici de hoş bir sürpriz oldu: iyi görünüyor, akıcı çalışıyor ve kutudan çıktığı haliyle Gemini ve GitHub desteğiyle geliyor; bu da kodla oynamayı oldukça kolaylaştırdı. Geçmişte denediğim bazı çevrimiçi kod düzenleyiciler kadar iyi olduğu kesin.

Bununla birlikte, oldukça can sıkıcı sorunlarla karşılaştım. Komut tabanlı oluşturma, biraz şans işiydi: Özellikle talep ettiğim özellikler (Cloud Functions, Auth ve Firestore gibi) es geçildi ve daha sonra tekrar istediğimde sistem bunları kısmen uyguladı ama bozuk işlevler ve çözülmemiş hatalar bıraktı.

Ürettiği arayüz oldukça basitti ve arka plan görselleri ekleme taleplerim görmezden gelindi. Birkaç kez ısrar ettikten sonra alabildiğim tek şey arka planda bir renk gradyanı oldu. Yayımlama ve faturalandırma ayarları etrafında da bazı tuhaflıklarla karşılaştım; bu da tüm süreci biraz hantal hissettirdi.

Şablon tabanlı uygulama oluşturma daha iyi gitti. Node.js arka uç şablonu, hemen üzerinde çalışmaya başlayabileceğim, iyi yapılandırılmış ve temiz bir kod tabanı sundu. Bu çok daha güvenilir ve geliştirici dostu hissettirdi.

Tam adil olmak gerekirse, her şeyi test etme fırsatım olmadı ve aracın hâlâ evrildiği açık. Başkalarının daha basit kullanım senaryolarında veya daha yapılandırılmış komutlarda daha iyi çalıştığını belirttiğini gördüm; bir sonraki sefere bunu denemeyi düşünebilirim.

Şu anda Firebase Studio, yapay zekâ öncelikli geliştirmenin neler olabileceğine dair bir ön gösterim gibi hissettiriyor. Henüz tam anlamıyla hazır değil; özellikle Replit, Lovable, Bolt veya v0 ile karşılaştırıldığında; ama takip etmeye değer, heyecan verici bir alan.

Sonuç

Firebase Studio gerçekten heyecan verici fikirler barındırıyor; ancak tek başına üretim düzeyinde uygulamalar geliştirmeye henüz hazır olduğunu düşünmüyorum. Yapay zekâ destekli geliştirmeyi merak ediyorsanız veya sırada ne olduğunu keşfetmek istiyorsanız kesinlikle denemeye değer!