2025 · Design, development & deployment
GrowPack
A fast, image-heavy product catalogue for agricultural tools, built to load on slow rural connections.
Role
Design, development & deployment
Timeline
2025 · Live
Stack
React 19 · Vite · Ant Design · Sharp · PWA · Vercel
Overview
GrowPack sells agricultural tools and equipment across South Africa. Many of its customers browse from farms on patchy mobile data, so the site had to be good-looking and light at the same time.
Every product photo is processed at build time into three WebP variants (thumbnail, medium and large) with a generated manifest, so the browser only downloads the size it needs for the space it is filling. The result is a catalogue of 126 products that still feels instant on a weak signal.
The build also pre-renders around 142 pages: home, browse, about, contact, 12 category pages and every product page, each with its own 1200×630 share image for WhatsApp and Facebook previews, plus a full sitemap. It ranks and previews like a server-rendered site while staying fully static on a CDN.
Three WebP variants per photo
Generated with Sharp at build time from the raw uploads.
142 pre-rendered pages
Per-route HTML, share images and a sitemap on every deploy.
Static and installable
CDN-served PWA with no server to keep alive.
Built for rural data
Optimised for the connections farmers actually have.