Birkaç sayfalık basit bir web aracı, doğru kurulduğunda aylık ciddi trafik ve reklam geliri üretebilir. Bu yazıda, Hostinger Horizons adlı yapay zekâ destekli aracı kullanarak sıfır kod ile dakikalar içinde çalışan bir web uygulaması (ör: fatura oluşturucu) yapmayı, AdSense ile para kazanmayı, Supabase ile veritabanı/kimlik doğrulama eklemeyi ve yayına almayı adım adım anlatıyorum. Sonunda da SEO ve ölçeklendirme ipuçları var.
Neden Basit Web Uygulamaları Kazandırır?
- Net bir işlev: Kullanıcı tek bir işi hızla çözer (fatura oluşturma, PDF üretimi vb.).
- Yüksek arama hacmi: “Ücretsiz fatura oluşturucu” gibi anahtar kelimeler her ay binlerce kez aranır.
- Kolay para kazanma: Reklam yerleşimi (AdSense), premium özellikler veya abonelikler.
1) Hostinger Horizons ile Başlangıç
- Hesap oluşturun ve bir plan seçin (mesaj kredisi ihtiyacınıza göre).
- Alan adı + barındırma dâhil bir paket tercih edin (12 ay seçimi genelde ücretsiz alan adı sağlar).
- Uygulama açıklamasını yazın (prompt):
- Uygulama adı, stil, renkler.
- Olmasını istediğiniz özellikler (PDF indirme, tema geçişi, logo yükleme vb.).
- Oluştur düğmesine basın; Horizons ilk sürümü birkaç dakika içinde kurar.
İpucu: Prompt’ta kısa ve tek değişiklik odaklı ilerleyin. “Mobil başlıkta sloganı kaldır, logo alanını opsiyonel yap” gibi net istekler daha iyi sonuç verir.
2) Özelleştirme: Prompt ve Görsel Düzenleme
- Logo yükleme: “Kullanıcı kendi logosunu yükleyebilsin; yüklemezse boş kalsın.” gibi bir talimat yazın.
- Mobil düzen iyileştirme: Sorunlu alanın ekran görüntüsünü sohbete sürükleyip “Küçük ekranda başlığı sadeleştir” diye ekleyin.
- İçerik düzenleme (kredi harcamadan): Önizleme üstündeki İçerik Düzenleme sekmesinde metin/slogan/başlıkları elle güncelleyebilirsiniz.
- Kod sekmesi: Kod biliyorsanız, dosyaları doğrudan düzenleyin.
Geri alma & sürümler: Beğenmediğiniz değişikliklerde sol sohbette Geri Al veya ilgili sürüme Geri Yükle ile dönün.
3) Uygulamayı Yayına Alma ve Alan Adı Bağlama
- Sağ üstten Yayınla butonuna tıklayın; geçici bir alan adında site açılır.
- Hostinger kontrol panelinde Horizons → projenizi bulun → Alan adını bağla.
- Uygun bir .com veya alternatif uzantı seçin. Kayıt adımlarını tamamlayın.
- E-postanızı doğrulayın (alan adı aktivasyonu için).
Artık uygulamanız kişisel alan adınızda yayında.
4) Google AdSense ile Para Kazanma
- adsense.google.com adresinden kayıt/oturum açın.
- Sitenizin URL’sini ekleyin ve hesap/ödeme bilgilerinizi tamamlayın.
- AdSense’in verdiği kod parçacığını
<head>içine ekleyin:- Horizons sohbetine: “Tüm sayfaların
<head>etiketine şu AdSense kodunu ekle.” yazıp kodu yapıştırın. - Değişikliği yayınlayın.
- Horizons sohbetine: “Tüm sayfaların
- AdSense panelinde Doğrula; otomatik reklamları açın, bozucu konumları Hariç tut ile kaldırın.
- İnceleme isteği gönderin. (Onay süreci birkaç gün sürebilir.)
İpucu: Reklam yerleşimlerini kullanıcı deneyimini bozmayacak şekilde konumlandırın. Görsel yoğun alanlarda minimal yerleşimler tercih edin.
5) Supabase ile Veritabanı ve Kimlik Doğrulama
- Horizons’da Entegrasyonlar → Supabase → Bağlan.
- Supabase hesabı yoksa ücretsiz planla kayıt olun, bir Kuruluş ve Proje oluşturun.
- Horizons’a geri dönüp projeyi Bağla.
- Horizons, arka planda gerekli paketleri ekleyip:
- Fatura tablolarını oluşturur (ör. taslak/kayıtlı faturalar).
- Kimlik doğrulamayı kurar (kayıt/oturum açma/çıkış).
- Supabase panelinde Auth → URL yapılandırması bölümünde Site URL’sini geçici adresten kendi alan adınıza güncelleyin ve kaydedin.
- E-posta doğrulamasıyla kullanıcı oturumlarını test edin.
Bonus özellik: “Faturalarım” sayfası eklettirip kullanıcıların geçmiş faturalarını görmesini ve durumlarını güncellemesini sağlayabilirsiniz.
6) Hata Yönetimi ve Sürüm Kontrolü
- Nadiren derleme sırasında “Web uygulaması hatası” diyaloğu çıkabilir.
- Düzeltmeyi Sor deyin; Horizons otomatik onarsın.
- Beğenmediğiniz değişiklikler için Geri Al / Geri Yükle ile önceki sürüme dönün.
7) SEO: Trafiği Büyütme
- Anahtar kelime araştırması: “ücretsiz fatura oluşturucu”, “online invoice generator” vb. aranma hacmi yüksek & rekabeti görece düşük terimler bulun (Semrush, Ahrefs, Ubersuggest).
- On-page SEO:
- Başlık (H1) ve meta açıklamada hedef anahtar kelime.
- Açıklayıcı sayfa kopyası, SSS, schema işaretlemeleri.
- Hız/çekirdek web verileri: Görselleri sıkıştırın, gereksiz scriptleri azaltın.
- Horizons’a SEO görevleri verin: “Bu anahtar kelimelere göre meta title/description ve H1’i optimize et”, “SSS bölümü ekle ve schema.org FAQ işaretlemesi uygula” gibi.
8) Ölçeklendirme ve Kodun Dışa Aktarımı
- Basit araçlarda Horizons yeterlidir. Daha ileri işlevler (abone planları, ödeme, ekip yönetimi, çoklu dil) gerektiğinde:
- Hamburger menüsü → Kodu Dışa Aktar ile kaynak koda tam erişim sağlayın.
- Dilediğiniz framework ve repo süreciyle geliştirmeye devam edin.
Sık Yapılan Hatalar (ve Çözümleri)
- Logo zorunlu: Boş olduğunda “genel logo” görünsün istemiyorsanız, prompt’la opsiyonel yapın.
- Mobil başlık sıkışıklığı: Ekran görüntüsü + “küçük ekranda sadeleştir” komutu etkili.
- Yayın sonrası değişiklik yok: Düzenledikten sonra Yayınla’yı tekrar tıklamayı unutmayın.
- Supabase yönlendirmeleri: Auth URL’yi alan adınıza güncelleyin; yoksa onay e-postası akışı şaşırabilir.
- AdSense doğrulama: Kod
<head>’de ve yayınlanmış olmalı; olmuyorsa meta-tag doğrulama seçeneğini deneyin.
Sonuç
- MVP’yi (minimum uygulanabilir ürün) birkaç saatte çıkarabilirsiniz: Basit bir fatura oluşturucu + PDF indirme + tema geçişi + kullanıcı oturumu + veritabanı.
- Monetizasyon: Önce AdSense ile başlayın; ileride premium özellikler (marka kaldırma, sınırsız fatura, özel şablonlar) için abonelik düşünebilirsiniz.
- Büyüme: SEO odaklı içerik, niş anahtar kelimeler ve sade UX, trafiğinizi kalıcı olarak artırır.
- Esneklik: İhtiyaç büyüdüğünde kodu dışa aktararak klasik geliştirme düzenine geçebilirsiniz.
Hazırsanız, fikrinizi bir prompt’a dökün ve ilk sürümü oluşturun. Sorularınız veya tıkanan adımlar olursa, tek tek netleştirip iyileştirelim.
Hemen bu linkten hostinger’e kayıt ol %30 indirim kazan
