Fikirden Endekslene: Laravel ve React ile 60 Günde SaaS Nasıl Başlattım

İlk committen Google indekslemeye kadar geçen süre 60 gündü. İşte neler inşa ettim, hangi teknolojileri kullandım ve neyin beni yavaşlattığı.

Ne inşa ettim

QRflows, dinamik bir QR kod platformudur. Ana fikir: Baskıdan sonra düzenlenebilen QR kodları, gerçek zamanlı tarama analitiği, Akıllı Kurallar yönlendirmesi ve açılış sayfaları — hepsi tek bir kontrol panelinde.

Basit görünüyor. Ancak uygulaması o kadar kolay olmadı.

Neden Laravel + React

50 bin kullanıcıya ulaşmadan önce karmaşaya dönüşmeden ölçeklenebilir bir sistem ve aynı zamanda lansman gününde hala ayakta olabilmem için yeterince hızlı bir şekilde gönderebileceğim bir şey gerekiyordu.

Laravel, backend’i — API, auth, kuyruk işleri, veritabanı gibi — yönetirken; React, frontend’i — kontrol paneli, QR oluşturucu, analitik görünümler — yönetiyor. İkisi, temiz bir REST API aracılığıyla iletişim kuruyor.

Bu ayrım önemlidir. Frontend değişmesi gerektiğinde backend buna aldırmıyor. Backend mantığı karmaşıklaştığında frontend basit kalıyor. Ölçeklenebilirlik yalnızca sunucularla ilgili değil — mimari olarak köşeye sıkışmamayı da içeriyor.

En zor kısım

UX ve mimariyi bir arada tutmak, her ikisinden de ödün vermeden.

Ölçeklenebilir bir şey inşa etmek kolay; kullanımı zor olan bir şey de kolayca inşa edilebilir. Hem güzel görünüp hem de yük altında dağılmadan doğru bir şekilde bu ikisini bir arada elde etmek — işte burada 60 gün geçti.

Özellikle: QR oluşturucu. Kullanıcılar için anlık ve sezgisel bir deneyim sunması gerekiyordu, ancak arka planda 16 farklı QR tipi, her biri farklı doğrulama kuralları, farklı çıktı formatları ve farklı aşağı akış işleriyle başa çıkmak zorundaydı.

Çözüm, Laravel’de temiz bir soyutlama katmanı oluşturmaktı — her QR tipi, ortak bir arayüze sahip kendi sınıfına sahip. Bu, dinamik bir şekilde seçilen tipe bağlı olarak form alanlarını uyarlayan bir React komponentiyle birleştirildi. Karmakarışık kod yok. Her yerde özel durumlar yok.

Gerçekten bir şeyler söyleyen analitik

Çoğu QR aracı yalnızca bir tarama sayısı gösteriyor. Hepsi bu.

Benim istediğim analitik, ne olacağını önermeliydi — yalnızca ne olduğunu değil. Bu nedenle kontrol paneli, etkileşim puanı, tarama tutarlılığı, yoğun saatler ve uygulanabilir öneriler gösteriyor.

Planladığım ama kullanıcıların ihtiyaç duyduğu bir özellik

QR kodları için A/B testleri. Tek bir basılı kod, çoklu varış noktaları, ağırlıklı trafik bölümü.

Pazarlama ekiplerinin fiziksel materyaller kullanarak deneyler yapmaları için bunun ne kadar gerekli olduğunu gördüm — her şeyi yeniden basmadan deney yapamıyorlardı.

Farklı ne yapardım

Daha az QR tipi ile başlamak. 16 ile başladım; aslında 5 ile başlamalı ve geri kalanını kullanıcıların ihtiyaçlarına göre eklemeliydim.

Erken tamlık, erken optimizasyondan daha tehlikeli.

Şu anda nerede

QRflows qrflows.app adresinde yayında. Ücretsiz deneme, kredi kartı yok. Hala erken bir aşamada — ama indeksli, kullanılıyor ve ilk kullanıcıları alıyor.

Laravel + React ile benzer bir şey inşa ediyorsanız, notlarımı karşılaştırmaktan memnuniyet duyarım. Şu anda en büyük mimari sıkıntınız nedir?