Web · E-Ticaret

Poco Loco

Butik bir çanta markası için sıfırdan geliştirdiğim, canlı ödeme alan uçtan uca bir e-ticaret sitesi. Ürün kataloğu, sepet, iyzico ile ödeme, sipariş/kargo takibi, promosyon kodları ve bir yönetim paneli.

React · TypeScript Supabase iyzico Ödeme E-Ticaret 2026 / Yayında
poco loco logo
Poco Loco ana sayfa
Poco Loco ürün listeleme Poco Loco ürün detay sayfası

Butik bir çanta markası için sıfırdan kurulan bir e-ticaret sitesi; hazır bir altyapı (Shopify, Ticimax) değil, müşterinin ihtiyacına özel geliştirilen bir sistem. Gerçek para akışı olduğu için ödeme ve sipariş mantığının güvenilir olması kritikti: sunucu taraflı doğrulama, geri bildirim (callback) akışları ve indirim kodu kontrolleri hiçbir noktada istemciye güvenmeyecek şekilde kuruldu.

~6
haftalık geliştirme
240+
commit
4
edge function

Uçtan Uca Ödeme

iyzico entegrasyonu ile gerçek kart ödemesi; Supabase Edge Functions üzerinde çalışan sipariş oluşturma ve ödeme geri bildirim (callback) akışı.

Sipariş & Kargo Takibi

Sipariş sonrası bildirim (e-posta), kargo durumu takibi ve promosyon kodu / indirim mantığı (kullanım limiti, son kullanma tarihi kontrolü).

Yönetim Paneli

Ürün, sipariş ve içerik yönetimi için ayrı bir admin arayüzü.

Çift Dil

i18next ile TR/EN arayüz desteği; form doğrulama zod şemalarıyla, react-hook-form üzerinden yönetiliyor.

Supabase Edge Functions

create-order, iyzico-callback, send-order-notification, notify-contact gibi sunucu taraflı fonksiyonlarla ödeme ve bildirim mantığı istemciden ayrıştırıldı.

Sunucu Taraflı Doğrulama

Sipariş tutarı ve indirim kodu geçerliliği ödeme adımında sunucuda yeniden hesaplanır; istemciden gelen fiyata hiçbir noktada güvenilmez.

React 18 TypeScript Vite Tailwind CSS shadcn/ui Supabase iyzico React Query Zod i18next