Çok Kategorili Outdoor E-Ticaret Mağazası
Next.js ile geliştirilen 732 ürünlü outdoor mağazası: SQLite FTS5 anlık arama, facet'li filtreler, bayi (B2B) fiyat kademeleri ve vadeli ödeme, ERP stok senkronu, pazaryeri ürün akışı ve yönetim paneli içeren çalışan e-ticaret platformu.
- Sektör
- Perakende e-ticaret · konsept çalışma
- Yıl
- 2026
- Teknolojiler
- Next.js 14, TypeScript, SQLite FTS5, Drizzle ORM, Zustand, Zod, Tailwind, Playwright
Konsept çalışma, çalışan ürün. Bu proje belirli bir müşteri için değil, uurstudios portföyü için baştan sona geliştirildi. Kod, testler ve ölçüm sonuçları gerçek ve kaynak kodda doğrulanabilir. Benzerini sizin markanız için de geliştirebilirim.
Problem
Ürün sayısı arttıkça arama ve filtreleme yavaşlıyor, stok ERP ile uyuşmuyor, bayilere ayrı fiyat göstermek için ikinci bir site tutuluyor ve pazaryerlerine ürün akışı elle hazırlanıyordu.
Çözüm
Arama için SQLite FTS5 indeksi: Türkçe karakterler katlanarak indekslenir (çadır = cadir), öneri kutusu ürün, marka ve kategori döner, sorgu süresi milisaniye olarak gösterilir (1–5 ms). Alt kategoriye özel facet'ler (kişi sayısı, konfor sıcaklığı, lümen, su geçirmezlik…), marka, fiyat ve stok filtreleri kendi boyutu hariç tutularak sayılır; URL ile eşitlenen iyimser filtre durumu, sıralama ve sayfalama. Ürün sayfasında varyant seçimi, stok uyarıları, beden rehberi, karşılaştırma ve Product JSON-LD. Sepet ve ödeme: Server Action ile Zod doğrulama, transaction içinde stok düşümü, test kartı onay/red senaryoları, sipariş takibi. B2B: HMAC imzalı bayi oturumu, Bronz/Gümüş/Altın kademeleri (%15–30), adet bazlı ek indirim, KDV hariç fiyat, asgari sipariş, kredi limitine göre vadeli ödeme, CSV fiyat listesi. ERP entegrasyonu: SKU bazlı stok/fiyat akışı tek transaction'da idempotent uygulanır, çalıştırma günlüğü tutulur. Pazaryeri için Google Merchant uyumlu XML akışı. Yönetim paneli: ciro grafiği, kritik stok, sipariş durumları, satır içi stok düzenleme. Vitest ile 10 birim, Playwright ile 51 uçtan uca kontrol.
Sonuç
Arama ve facet sorguları 732 üründe 1–5 ms; arama → filtre → ürün → sepet → ödeme → sipariş → bayi vadeli sipariş → ERP senkronu → yönetim akışının tamamı otomatik testlerden geçiyor. Kaynak kod GitHub'da; gerçek ERP bağlantısı ve iyzico ödeme entegrasyonu bir sonraki adım.
Canlı demo
Uygulamanın içinden bir tur
Bu proje veritabanı ve sunucu gerektirdiği için gerçek uygulamanın kısa bir gezinti kaydı gösteriliyor. Kaynak kodu indirip kendi bilgisayarınızda birkaç komutla çalıştırabilirsiniz.
