Abonelikli Kahve E-Ticaret Sitesi
Taze çekirdek kahve satan bir kavurucu için Next.js ile geliştirilen; varyantlı ürünler, kupon, test modlu ödeme, abonelik ve yönetim paneli içeren çalışan e-ticaret sitesi.
- Sektör
- Gıda e-ticareti · konsept çalışma
- Yıl
- 2026
- Teknolojiler
- Next.js 14, TypeScript, Drizzle ORM, SQLite, 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
Pazaryerlerinde marka hikâyesi kayboluyor, komisyonlar kârı eritiyor ve tekrar eden müşteri zor tutuluyordu. Hazır e-ticaret platformları kavurma tarihi bazlı stok ve abonelik modeli için yeterince esnek değildi.
Çözüm
Next.js 14 App Router ve Server Actions üzerine kurulu mağaza: Drizzle ORM + SQLite veri katmanı (ürün, sipariş, kupon, abonelik), Zustand ile kalıcı sepet, Zod ile sunucu tarafı doğrulama ve fiyatların sunucuda yeniden hesaplanması, gramaj/öğütüm varyantları, ücretsiz kargo eşiği, kupon motoru, test modlu kart ödemesi (4242 başarılı / 4000 red), stok düşümü, sipariş takibi, üç planlı abonelik, 'Kahveni bul' eşleştirme testi ve rol korumalı yönetim paneli. Playwright ile 18 adımlı uçtan uca test.
Sonuç
Tam sipariş akışı (sepet → kupon → ödeme → onay → admin durum güncelleme) otomatik testlerden geçiyor; ürün ve ödeme sayfaları 100 KB altı JavaScript ile yükleniyor. Kaynak kod GitHub'da; gerçek ödeme sağlayıcısı (iyzico) bağlantısı 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.
