Sekiz canlı iş, kullanabileceğiniz şekilde yeniden kuruldu.
Yönetim paneli, site içi arama, öneriler, widget builder, push ve çevresindeki araçlar; bir B2B pazarlama SaaS’ında geliştirildi. Her sayfa ürünü sentetik veriyle çalışan etkileşimli bir demo olarak yeniden kuruyor.
- 200+markada site içi arama katmanı
- ~12 binsatır, önerilen ürün slider'ı çekirdeği
- ~28 binsatır, yönetim paneli
- Yüzlercecommit, ekip paneline
- −%40LCP, performans çalışması
Bir sistem seçin ve deneyin
Yönetim paneli
Sıfırdan yazılmış bir back-office konsolu; iç dokümanlardan kaynaklı AI yanıtları veriyor
Tek geliştiricisi olarak sıfırdan yazdığım back-office konsolu. Ekip hesapları, sözleşmeleri, faturaları, destek ve faturalandırmayı tek yerden yönetiyor.
- React 19
- TypeScript
- Vite 6
- RAG
- ~28 bin satır
Site içi arama katmanı
Her mağazaya arama ve otomatik tamamlama ekleyen tek script; 200'den fazla markada yayında
Mağazanın kendi arama kutusuna tek scriptle bağlanan arama ekranı ve otomatik tamamlama; her marka için kodsuz ayarlanıyor.
- Vanilla JS
- esbuild
- ARIA combobox
- 10 şablon
- 200'den fazla markada yayında
Arama yayını
Aramayı tek markadan 200'den fazla markaya, hiçbir mağazaya dokunmadan taşıyan CLI
Site içi arama katmanını her sitenin zaten çalıştırdığı loader üzerinden kuran, varsayılanı dry-run olan bir TypeScript CLI.
- TypeScript
- Node 22
- CLI
- Önce deneme modu
Önerilen ürün slider’ı
Öneriler mağazanın kendi kart tasarımı ve karuselinde gösteriliyor
Sayfadaki gerçek bir ürün kartını kopyalayıp öneri verisiyle dolduran ve mağazanın kendi slider’ını başlatan, ayarla çalışan tek script.
- Vanilla JS
- Slick
- Owl
- Swiper
- ~12 bin satır çekirdek
Site içi widget’lar
Pazarlamacının ayarlarını mağaza scriptine derleyen kodsuz builder
Günlük fırsat widget’ının sıfırdan yazdığım yeni sürümü: ayarları kendi kendine yeten bir mağaza scriptine çeviren, canlı önizlemeli builder.
- React
- Vanilla JS runtime
- Jest
- postMessage
E-posta ürün bloğu
Ürün URL’sini yapıştır, e-posta bloğu kendini doldursun
Panelin sürükle-bırak e-posta editörü için, ürünün başlığını, fiyatını, görselini ve açıklamasını URL’sinden dolduran blok.
- React 18
- E-posta HTML’i
- 4 blok çeşidi
Panel mühendisliği
Kayıtların yanlış markaya düşmesini engelleyen koruma ve üç yıllık panel işi
Şirketin ana pazarlama panelinde, uzun geçmişi ve çok sayıda katkıcısı olan bir React kod tabanında yaptığım işler.
- React 18
- Redux Toolkit
- Chart.js
- i18next
- Yüzlerce commit
Mobil push
Uygulama hangi durumda olursa olsun doğru ekranı açan push bildirimleri
Platformun mobil istemcileri için push’un React Native tarafı: token kaydından deep link yönlendirmesine.
- React Native 0.79
- FCM
- Notifee
- Deep links
Ortak desen
Bu işlerin çoğu başka şirketlerin sitelerinde çalışıyor; kontrol etmediğim yüzlerce mağazaya uymak zorunda.
Her sistem markaya özel config'le tek bir script olarak yayınlanıyor; yeni bir marka kod çatallamak değil, bir config dosyası. Zor kısımlar her sitede tekrar ediyor: sızan CSS, yarışan scriptler, yavaş ağlar, Türkçe biçimler ve klavye kullanıcıları.
Demolar hakkında
Bunlar geliştirip yayına aldığım, yüzlerce markanın kullandığı canlı sistemler. Kod şirkete ait; bu yüzden her biri sentetik veriyle çalışan etkileşimli bir demo olarak yeniden kuruldu. Demolardaki tüm şirket, kişi, ürün, fiyat ve grafik değerleri uydurmadır. Hiçbiri gerçek bir API çağırmaz.
Bu sistemleri ben geliştirdim; etraflarındaki her şeyi değil. Her sayfa neyin bana ait olduğunu ve neyle entegre olduğumu belirtiyor; örneğin öneri stratejileri ve push backend'i başka ekiplerden geliyor.
Bu yazıya bırakılan notlar
Katıl
Bir yorum bırak.
Bu yazıya not eklemek için giriş yap.
Sadece adın ve avatarın kullanılır.