2 puntos por hebu570 2026-03-30 | Aún no hay comentarios. | Compartir por WhatsApp

Hola, soy un desarrollador que trabaja en backend del lado de e-commerce.

En el e-commerce coreano, muchas veces el frontend se arma como skin sobre plataformas como cafe24, Godomall & Shopby y MakeShop.
Como en la mayoría de los casos solo ofrecen serving estático, en empresas pequeñas y medianas suele ser difícil usar frameworks SPA como React.

Todavía hay muchos casos donde se siguen usando stacks legacy basados en jQuery o Handlebars, y como no hay nada de estructuración de archivos, también es muy común ver decenas de archivos mezclados de forma caótica dentro de carpetas, con el código todo enredado. Además, en muchos casos es difícil reutilizar componentes.

Por eso quise crear un boilerplate de e-commerce bien organizado que funcione solo con archivos HTML/JS/CSS.
La estructura está hecha para que solo tengan que escribir y conectar el código relacionado con la API.

Stack tecnológico

  • HTMX 2.0 — navegación SPA basada en fragmentos HTML
  • Vite 7 — herramienta de build + servidor de desarrollo con HMR
  • TypeScript — bundles independientes por componente
  • Embla Carousel — banners con parallax, carruseles de productos
  • CSS puro — sistema de design tokens basado en custom properties de CSS, sin Tailwind

Páginas implementadas

  • Inicio (carrusel de banners, categorías, carrusel de productos, ranking, reseñas, avisos)
  • Lista de productos (sidebar de categorías, filtros, layout en grid)
  • Detalle de producto (galería de imágenes, cascada de opciones, ajuste de cantidad, tabs, lightbox de reseñas)
  • Foro (avisos, FAQ, detalle de publicación)
  • Eventos (lista de eventos, temporizador de cuenta regresiva, detalle)
  • Mi página (nivel de miembro, estadísticas de pedidos, cupones/puntos)
  • Historial de pedidos (filtro por fecha, lista de tarjetas de pedido)

Demo y código fuente

Pueden clonarlo y usarlo libremente, sin licencia.
¡También son bienvenidos los comentarios y las ideas de mejora!

Aún no hay comentarios.

Aún no hay comentarios.