Boilerplate estático para desenvolvimento de skins de e-commerce coreano (HTMX + Vite + TypeScript)

Olá, sou um desenvolvedor que trabalha com backend na área de e-commerce!

No e-commerce coreano, muitas vezes o frontend é montado como skin em plataformas como cafe24, Godomall & Shopby e MakeShop.
Como na maioria dos casos elas oferecem apenas entrega estática, usar frameworks SPA como React pode ser difícil para empresas de pequeno e médio porte.

Ainda há muitos casos em que se usa uma stack legada baseada em jQuery ou Handlebars, e também é comum não haver nenhuma organização de arquivos, com dezenas de arquivos em pastas bagunçadas e código todo emaranhado. Em muitos casos, a reutilização de componentes também é difícil T_T

Por isso, criei um boilerplate de e-commerce bem organizado que funciona apenas com arquivos HTML/JS/CSS.
A estrutura é feita para que você só precise escrever e conectar o código relacionado à API!

Stack técnica

• HTMX 2.0 — navegação SPA baseada em fragmentos HTML
• Vite 7 — ferramenta de build + servidor de desenvolvimento com HMR
• TypeScript — bundles independentes por componente
• Embla Carousel — banner com parallax, carrossel de produtos
• CSS puro — sistema de design tokens baseado em propriedades customizadas de CSS, sem Tailwind

Páginas implementadas

• Início (carrossel de banners, categorias, carrossel de produtos, ranking, avaliações, avisos)
• Lista de produtos (barra lateral de categorias, filtros, layout em grade)
• Detalhes do produto (galeria de imagens, cascata de opções, controle de quantidade, abas, lightbox de avaliações)
• Fórum/Quadro (avisos, FAQ, detalhes do post)
• Eventos (lista de eventos, timer de contagem regressiva, detalhes)
• Minha página (nível de membro, estatísticas de pedidos, cupons/pontos)
• Histórico de pedidos (filtro por data, lista de cards de pedidos)

Demo & código-fonte

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

Sinta-se à vontade para clonar e usar livremente, sem licença!
Feedback e ideias de melhoria também são bem-vindos!