Nargilecix
Ana sayfası, kataloğu ve blogu tek panelden yönetilen nargile mağazası
- Sektör
- Perakende & e-ticaret
- Ülke
- Türkiye
- Kategori
- E-ticaret
- Hizmetler
- E-ticaret, Özel yazılım, SEO & performans
- Teknoloji
- Next.js 14, React 18, TypeScript, PostgreSQL, Prisma, Redis, Tailwind CSS, Recharts, SheetJS, Sharp
01 /
İhtiyaç
Nargilecix; nargile takımları, tütünler, lüleler ve aksesuarlar satan bir mağaza için hazırladığımız katalog sitesi. Sipariş WhatsApp’tan alınıyor, ama bu projede asıl iş vitrinin arkasında: mağaza ekibi ana sayfadaki slider’ı, bölümleri, bannerları, blog yazılarını ve müşteri yorumlarını kod bilmeden panelden değiştirebiliyor. Ürünleri tek tek girmek yerine Excel dosyasıyla toplu yükleme yapılıyor; dosyadaki görsel bağlantıları sunucuya indirilip ürüne bağlanıyor. Kategori ve marka sayfalarına arama motorları için ayrı makale alanları ekledik. Proje şu an yayında değil; buradaki ekran görüntüleri yerel kurulumdan, örnek ürün ve marka verileriyle alındı.
Ekranlar
Yakından bakın
Canlı siteden alınmış güncel ekran görüntüleri: sayfanın tamamı, iç sayfalar ve telefondaki görünüm.
Ana sayfa, baştan sona
Ana sayfa
Bölümler ve iç sayfalar
02 /
Yaklaşım
Projeyi şekillendiren üç karar.
Ana sayfa da içerik
Slider, “neden biz” kartları, marka tanıtımı, hakkımızda ve çağrı bölümü veritabanından geliyor. Slider’a arka plan videosu, rozet ve geri sayım eklenebiliyor; kampanya değiştiğinde kimse koda dokunmuyor.
Katalog Excel’le büyüyor
Ürünler .xlsx olarak dışa aktarılıyor, düzenlenip geri yükleniyor. Kısa adı (slug) eşleşen ürün güncelleniyor, yenisi ekleniyor; dış bağlantıdaki görseller indirilip yerelde saklanıyor, panelden tek tuşla WebP’ye çevriliyor.
Arama motoru ve hız
Her kategori ve markaya meta alanlarının yanında uzun bir SEO makalesi yazılabiliyor; site haritası ve yapılandırılmış veri otomatik üretiliyor. Ürün ve kategori listeleri Redis’te önbelleğe alınıyor, panelde değişiklik olunca önbellek temizleniyor.
03 /
Neler yaptık
- Kategori, marka ve ürün sayfaları; fiyat, stok ve marka filtreleri
- Ürün adıyla hazır gelen WhatsApp sipariş mesajı
- Video, rozet ve geri sayım destekli ana sayfa slider’ı
- Excel ile toplu ürün, kategori ve marka aktarımı
- Blog, müşteri yorumları ve banner yönetimi
- Kategori ve marka sayfalarında SEO makaleleri, site haritası ve yapılandırılmış veri
- Yaş doğrulama penceresi ve Turnstile korumalı yönetici girişi
Kullanılan teknolojiler
- Next.js 14
- React 18
- TypeScript
- PostgreSQL
- Prisma
- Redis
- Tailwind CSS
- Recharts
- SheetJS
- Sharp
Kod ve alan adı tamamen müşterimize ait.
Sonraki proje
A—51
Poseidon Shisha
Nargile üreticisi Poseidon Shisha için siyah-altın kurumsal marka sitesi
Kişisel marka · Türkiye