Project Overview
Suha is a PWA e-commerce HTML template designed specifically for mobile devices, built on Bootstrap 5 with support for offline access and progressive web app features. It includes complete e-commerce pages (product display, shopping cart, payment, user center, etc.) and uses the Pug template engine with Gulp workflow for rapid secondary development.
Tech Stack
- Bootstrap 5.3.3
- jQuery 2.2.4
- Pug 5
- Gulp 4
- SCSS / Sass
Project Structure
├── documentation/
│ ├── start-here.html
│ └── assets/
│ ├── style.css
│ └── ...
├── html/
│ ├── gulpfile.js
│ ├── package.json
│ └── src/
│ └── pug/ ← Page templates (30+ Pug files)
Core File Description
html/package.json— Project dependencies and build script configurationhtml/gulpfile.js— Gulp build task definitionshtml/src/pug/— All page templates, including homepage, products, shopping cart, payment, and other modulesdocumentation/start-here.html— Template getting started documentationdocumentation/assets/style.css— Documentation site styles
Quick Start
cd html
npm install # Install dependencies
npm run dev # Start Gulp development server
After building, access the generated dist directory (or open directly in the browser). Important Note: If page updates don't take effect during development, temporarily comment out or remove service-worker.js to avoid browser cache interference.
Usage Recommendations
- Ensure the domain supports HTTPS before deployment (core requirement for PWA)
- The template includes rich e-commerce components that can be customized by directly modifying Pug templates based on business needs
