GrowMark - Plantilla HTML Tailwind para el mercado de comestibles

GrowMark es una plantilla de sitio HTML creada para tiendas de comestibles o cualquier tipo de tienda de comercio electrónico. Está especialmente diseñado para dispositivos móviles.

GrowMark tiene más de 36 páginas/pantallas listas para usar y más de 100 componentes reutilizables.

Para facilitar el desarrollo a los desarrolladores, se utilizan estas tecnologías: Handlebars, TailwindCSS y Gulp.js.

El handlebar es un motor de plantillas que facilita el trabajo con muchas páginas HTML. Creamos muchos componentes reutilizables inteligentes y los organizamos para evitar el código de copiar y pegar. Al usar Handlebars, la edición de un componente afecta a todas las demás páginas en las que se usó. Por lo tanto, no necesita buscar en cada página un pequeño cambio de HTML.

TailwindCSS es un marco CSS de primera utilidad. Lo que significa que TailwindCSS tiene muchos nombres de clase listos para usar para construir cualquier sitio web. Hay una cantidad mínima de código CSS para editar.

Gulp.js organiza Handlebars y TailwindCSS. Los comandos Gulp.js listos para usar crean imágenes optimizadas a partir de sus archivos png o jpg y generan archivos WebP y AVIF de próxima generación. También detecta cualquier código de Handlebars y lo transpila a un código HTML listo para el navegador. Detecta todos los nombres de clase TailwindCSS y genera un pequeño archivo CSS sacudido por árboles.