韓国EC向けスキン開発用の静的ボイラープレート（HTMX + Vite + TypeScript）

こんにちは。EC分野でバックエンド開発をしている開発者です！

韓国のECでは、cafe24、Godo Mall & Shopby、MakeShop のようなプラットフォームで、スキンとしてフロントを構成するケースが多いのですが、
主に静的配信しか提供されないため、React のような SPA フレームワークを使うのは中小企業規模では難しい場合がありました。

jQuery や Handlebars ベースのレガシースタックが今でも使われていることも多く、ファイル構造化がまったくされていないため、フォルダ内に数十個ものコードがぐちゃぐちゃに絡み合っているケースも多くありました。コンポーネントの再利用が難しい場合も多かったです。

そこで、HTML/JS/CSS ファイルだけでもすっきり整理された EC 向けボイラープレートを作ってみました。
API 関連のコードだけ書いて貼り付ければ使える構成です！

技術スタック

• HTMX 2.0 — HTML フラグメントベースの SPA ナビゲーション
• Vite 7 — ビルドツール + HMR 開発サーバー
• TypeScript — コンポーネントごとの独立バンドル
• Embla Carousel — パララックスバナー、商品カルーセル
• 純粋な CSS — Tailwind なしの CSS カスタムプロパティベースのデザイントークンシステム

実装済みページ

• ホーム（バナーカルーセル、カテゴリ、商品カルーセル、ランキング、レビュー、お知らせ）
• 商品一覧（カテゴリサイドバー、フィルター、グリッドレイアウト）
• 商品詳細（画像ギャラリー、オプションカスケード、数量調整、タブ、レビューのライトボックス）
• 掲示板（お知らせ、FAQ、投稿詳細）
• イベント（イベント一覧、カウントダウンタイマー、詳細）
• マイページ（会員ランク、注文統計、クーポン/ポイント）
• 注文履歴（日付フィルター、注文カード一覧）

デモ & ソース

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

ライセンスなしで自由にクローンして使っていただいて大丈夫です！
フィードバックや改善アイデアも歓迎します！