Kore e-ticaret skin geliştirme için statik boilerplate (HTMX + Vite + TypeScript)

Merhaba, e-ticaret tarafında backend geliştirme yapan bir geliştiriciyim!

Kore e-ticaretinde frontend, çoğu zaman cafe24, Godomall & Shopby, MakeShop gibi platformlarda skinlerle oluşturuluyor.
Genellikle yalnızca statik servis sunulduğu için, React gibi SPA framework’lerini kullanmak KOBİ ölçeğinde çoğu durumda zor olabiliyordu.

jQuery veya Handlebars tabanlı legacy stack’lerin hâlâ kullanıldığı durumlar da çok; ayrıca dosya yapısı hiç düzenlenmemiş olduğundan, klasörlerin içinde onlarca dosyanın karmakarışık şekilde birbirine dolandığı örnekler de sık görülüyordu. Bileşen yeniden kullanımı da çoğu zaman zordu TT

Bu yüzden, yalnızca HTML/JS/CSS dosyalarıyla da derli toplu organize edilmiş bir e-ticaret boilerplate’i hazırladım.
Sadece API ile ilgili kodları yazıp ekleyerek kullanabileceğiniz bir yapı!

Teknoloji yığını

• HTMX 2.0 — HTML fragment tabanlı SPA navigasyonu
• Vite 7 — build aracı + HMR geliştirme sunucusu
• TypeScript — bileşen bazlı bağımsız bundle
• Embla Carousel — paralaks banner, ürün carousel’i
• Saf CSS — Tailwind olmadan, CSS custom property tabanlı design token sistemi

Uygulanan sayfalar

• Ana sayfa (banner carousel, kategori, ürün carousel’i, sıralama, incelemeler, duyurular)
• Ürün listesi (kategori kenar çubuğu, filtreler, grid yerleşimi)
• Ürün detayı (görsel galerisi, seçenek kademelendirme, adet ayarı, sekmeler, inceleme lightbox’ı)
• Forum/board (duyurular, SSS, gönderi detayı)
• Etkinlikler (etkinlik listesi, geri sayım zamanlayıcısı, detay)
• Hesabım sayfası (üyelik seviyesi, sipariş istatistikleri, kupon/puan)
• Sipariş geçmişi (tarih filtresi, sipariş kartı listesi)

Demo & kaynak

• Demo: https://hebububu.github.io/static-htmx-ecommerce/
• GitHub: https://github.com/Hebububu/static-htmx-ecommerce

Lisans olmadan özgürce clone edip kullanabilirsiniz!
Geri bildirim veya geliştirme fikirleri de memnuniyetle karşılanır!