Teta.so İle Flutter

Semih
4 min readFeb 18, 2022

Satır satır kod yazmaktan sıkıldınız mı? Hiç kod yazmadan uygulamanızı yayınlamak mı istiyorsunuz? Mobil uygulama fikriniz var ama nasıl uygulayacağınızı mı bilmiyorsunuz? Günümüzde de çok yaygın olan kod yazmadan proje yayınlamanızı sağlayan no-code, low-code araçları oldukça kullanışlı ve popülerdirler. Tek satır kod yazmadan mobil uygulamalar üretmenize yardımcı olan araçlardan biri de teta.so’dur. Bu yazımızda teta.so’yu inceleyip olumlu ve olumsuz yanlarını ele alacağız. Dilerseniz hemen incelememize başlayalım.

Teta.so nedir ?

Teta.so Google’ın Flutter teknolojisini kullanarak kod yazmadan mobil uygulama tasarlayabileceğiniz, basit arayüzü sayesinde uygulamanızı hızlı bir şekilde fikirden prototipe, hatta final sürümüne taşıyabileceğiniz bir uygulama geliştirme platformudur.

Neden Teta.so Kullanmalıyız ?

  • Teta.so’ya bilgisayarınıza herhangi bir uygulama indirmeden(Android Studio,VS Code vb.), emülator kullanmadan, tarayıcı ile veya Windows uygulaması ile erişebilirsiniz.
  • Çalışan uygulamanızı sadece bir link bağlantısı üzerinden dilediğiniz gibi paylaşabilirsiniz.
  • Yaptığınız uygulamanın kodlarına erişebilir, kodun tamamını Flutter klasörü olarak indirebilir ve Github ile entegre edebilirsiniz.
  • Ekibinizle beraber çalışabilirsiniz.
  • Yaptığınız uygulamayı mağazalarda yayımlayabilirsiniz.

Teta.so ile yapılan uygulamanın kodlarına erişebilir miyiz ?

Sağ üstte bulunan “code” butonu üzerinden koda erişebilirsiniz veya Flutter klasörünü indirebilirsiniz.

Teta.so bir backend servisi ile entegre edebilir miyiz ?

Evet, Alpha sürümünde sadece Supabase ile entegre edebilirsiniz.

Teta.so ücretli midir ?

Hem ücretli hem ücretsiz versiyonu bulunmaktadır. Ücretli versiyonda ek olarak daha fazla kişi ile beraber çalışma, APK build alma, GitHub ile entegre gibi birçok özelliklere erişebilirsiniz. Güncel ücretleri için https://teta.so/pre-order/ adresinden kontrol edebilirsiniz.

Teta.so ile yapılan uygulamaları paylaşabilir miyiz ?

Evet, sağ üst kısımda bulunan “Play Mode” butonu ile hem uygulamanızı görüntüleyebilir hem de tek bir link bağlantısı sayesinde dilediğiniz gibi paylaşabilirsiniz.

Teta.so ile nasıl uygulama geliştirilir ?

Eveet, şimdi de teta.so ile basit bir giriş yap ekranı tasarlayalım.

Öncelikle teta.so anasayfasında bulunan “Join The Alpha” butonu üzerinden yeni bir proje oluşturalım.

Projemizi oluşturduktan sonra scaffold’umuzun body kısmına bir container ekleyelim ve rengini belirleyelim.

Container’ımıza bir column ekleyelim ve column widget’ımıza text, text form field’larımızı ekleyelim.

Şimdi de butonlarımızı ekleyelim. Teta.so widget’ları arasında “Login With Facebook” ve diğer sosyal medya butonları hazır olarak bulunmakta ancak aşağıdaki fotoğrafta görüldüğü üzere butonun özelleştirmeleri kısıtlı, butonun özelliklerinden border radius oranını değiştirmek istediğimizde maalesef değiştiremiyoruz.

Son olarak butonlarımızı ekleyelim ve column widget özellikerinden main axis alignment’ını space between yapalım.

Login ekranımız tamamlandı. Bu ekranı yaparken 2 kere projeyi silip tekrar yapmak zorunda kaldım. Takılmalar, donmalar ve projenin tekrar açılmaması gibi sorunlarla karşılaştım. Tabii Alpha sürümünde olduğunu unutmayalım.

Sonuç olarak, gördüğümüz üzere teta.so oldukça yenilikçi ve teoride kullanışlı bir araç olsa da kendi backend servisiniz veya Firebase ile entegre edilememe, sadece App Store mağazasında yayınlayabilme ve kısıtlı özelleştirme seçenekleri yüzünden alpha sürümünden çıkana kadar beklenebilir.

Fakat uygulamayı yayınlama gibi bir kaygınız yoksa veya sadece uygulamanızın vizyonunu anlatan bir prototipleme ile ekibinizin karşısına çıkmak isterseniz sizin için kullanışlı bir araç olabilir.

Teta.so hakkında çok daha fazla detaylı bilgi için aşağıdaki linklerden erişebilirsiniz.

Buraya kadar harcadığınız vakitten ve emekten dolayı çok teşekkür ediyorum. Umarım bu yazım ile sizlere bir şeyler katabilmişimdir :)

Daha fazla detaylı bilgi için : https://tetaso.notion.site/tetaso/Teta-Docs-f4e3972aa9134f38a2987c9fb17b8240

--

--

Semih

Computer Engineering Student, Freelance Jr. Flutter Developer