Sanal Market
Tek marketli online market uygulaması — Yemeksepeti Market düzeninde müşteri sitesi + aynı uygulama içinde yönetim paneli.
Teknoloji: Next.js 16 (App Router, Cache Components) · Supabase (Postgres, Auth, Storage, RLS) · Tailwind CSS 4 · Zustand · Vercel
Özellikler (v1)
Müşteri sitesi
- Solda kategori menüsü, ortada ürün ızgarası, sağda sabit sepet (masaüstü)
- Mobilde yatay kategori şeridi + altta sabit "Sepete git" çubuğu
+ butonu sepete eklenince – 1 + sayacına dönüşür- Türkçe karakter duyarsız arama (
sut → Süt, cay → Çay)
- İndirim rozetleri, tükendi göstergesi, ücretsiz teslimat ilerleme çubuğu, minimum sepet tutarı
- Üye olmadan sipariş (misafir) veya e-posta/şifre ile üyelik
- Ödeme: Kapıda nakit · Kapıda kart (POS) — online kart (iyzico) sonraki aşamada
- Teslimat saati seçimi, sipariş takip sayfası (20 sn'de bir otomatik yenilenir)
Yönetim paneli (/admin)
- Genel bakış: günlük sipariş/ciro, bekleyen sipariş, kritik stok
- Siparişler: durum sekmeleri, toplama listesi, tek tıkla sonraki duruma geçiş, iptalde otomatik stok iadesi
- Ürünler: ekleme/düzenleme, görsel yükleme (Supabase Storage), hızlı stok güncelleme, satışta/pasif
- Kategoriler ve market ayarları (teslimat ücreti, ücretsiz teslimat eşiği, min. sipariş, teslimat saatleri, açık/kapalı)
Güvenlik kuralları (veritabanında uygulanır)
- Sipariş yalnızca
place_order fonksiyonuyla oluşur: fiyat ve stok sunucuda yeniden hesaplanır, istemcinin gönderdiği fiyat kullanılmaz
- Stok düşümü atomik (
stock >= adet koşullu UPDATE) — eşzamanlı siparişte eksiye düşmez
- Sipariş satırlarına sipariş anındaki fiyat yazılır
- Tüm tablolarda RLS; yönetici yetkisi
profiles.role = 'admin' ile sunucu tarafında kontrol edilir, kullanıcı kendi rolünü değiştiremez
- Kapıda ödemelerde
payment_status = beklemede, teslimde odendi olur
Kurulum
1. Supabase
- Yeni proje oluştur.
- SQL Editor'de sırasıyla çalıştır:
supabase/migrations/20261010000000_init.sql- (isteğe bağlı örnek ürünler)
supabase/seed.sql
- Authentication → URL Configuration: Site URL = canlı adres; Redirect URL'lere
https://<alan-adı>/auth/confirm ekle.
2. Yönetici hesabı
Siteden /giris → Üye ol ile kayıt ol, sonra SQL Editor'de:
update public.profiles set role = 'admin'
where id = (select id from auth.users where email = '[email protected]');
3. Ortam değişkenleri
.env.example → .env.local (yerel) ve Vercel → Project Settings → Environment Variables:
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY=
NEXT_PUBLIC_SITE_URL=
4. Çalıştırma
npm install
npm run dev
5. Vercel
Repo'yu Vercel'e import et, ortam değişkenlerini gir, deploy et.
Klasör yapısı
src/
app/
(shop)/(browse)/ ana sayfa, kategori, arama, ürün detayı (3 kolonlu düzen)
(shop)/sepet mobil sepet
(shop)/odeme ödeme + placeOrder server action
(shop)/siparis/[id] sipariş takibi
(shop)/siparislerim hesabım / siparişlerim
admin/ yönetim paneli + server actions
giris/, auth/confirm giriş, kayıt, e-posta doğrulama
components/shop|admin arayüz bileşenleri
lib/data katalog (önbellekli) ve yetki katmanı
lib/supabase sunucu/istemci/proxy istemcileri
store/cart.ts sepet (Zustand, localStorage)
supabase/
migrations/ şema, RLS, RPC fonksiyonları
seed.sql örnek katalog
Yol haritası
