GreatWare Online Gallery PWA
A luxury, compact, high-performance photography client gallery and proofing web application inspired by Pixieset. Built with Next.js 16 App Router, Tailwind CSS, Supabase PostgreSQL & Storage, and a zero-image cache PWA architecture.
Pixieset UX & Adaptive Grid
1:1 authentic Left/Editorial cover hero, white sticky navigation bar with category tabs, and adaptive 1–3 column mobile, 2–5 column tablet, and 3–5 column desktop masonry grids with 8–12px precision gaps.
- Aspect-ratio preserving padding boxes
- Progressive infinite scroll (16 initial + 12 on scroll)
- Zero cumulative layout shift (CLS)
Dual-Axis Touch Lightbox
Mobile touch navigation supporting Swipe UP & Left for next image, Swipe DOWN & Right for previous image, pinch/tap zoom, EXIF metadata drawer, and persistent bottom filmstrip.
- Swipe UP → Next photo
- Swipe DOWN → Previous photo
- Interactive bottom thumbnail filmstrip
Zero-Image Cache PWA
The service worker caches only essential app shell assets (icons, CSS, JS bundles, and /offline.html) and strictly excludes photography to avoid filling client device storage.
- Pure network-first photo delivery
- Branded offline fallback page
- Auto-reconnect and instant reload
Supabase & Local Hybrid Engine
Seamless zero-configuration fallback to local store with complete persistence, paired with full Supabase PostgreSQL schema, RLS policies, and direct Storage bucket upload support.
- PostgreSQL schema & foreign keys
- PIN-protected admin upload studio
- VIP Download PIN verification