RIP
Client Project · 2025 · Live

RipKultr.

thrift nvr dies

Solo Full-Stack DeveloperRole ripkultr.comLive URL 4 + 2 weeksTimeline $0/monthHosting Cost
No excess. No restocks. Wear it like you found it. · thrift nvr dies · Limited drop. One run. No regrets. · No excess. No restocks. Wear it like you found it. · thrift nvr dies · Limited drop. One run. No regrets. ·
01 — The Problem

Shopify is expensive. Templates are rigid. The brand deserved better.

The client needed a custom e-commerce website with no monthly fees, full control over products and images, manual payment processing via WhatsApp and email, measurement based sizing instead of S/M/L, and an admin panel simple enough for a non technical client to use independently. Off the shelf solutions were either too expensive, too rigid, or came with ongoing subscription costs.

Then came the performance crisis. Product images were 3 to 9 MB each. Supabase egress hit 50.85 GB — that's 1,017% of the free tier limit. Customers on slow Pakistani internet connections couldn't load the site. A streetwear brand lives and dies on visuals. If the images don't load, the brand looks broken.

02 — The Solution

Custom platform. Zero monthly cost. Full creative control.

Built entirely from scratch in 4 weeks. Custom admin panel with drag to reorder images. Measurement based sizing. Email ordering system with no cart complexity. HEIC to JPG auto conversion for iPhone uploads. Splash screen with logo pulse animation. Hosted for zero dollars a month on Vercel and Supabase.

Then I spent 2 more weeks fixing the performance. Migrated all images from Supabase Storage to Cloudflare R2. Implemented on the fly image transformations. Built a custom Cloudflare Worker for uploads. The result is enterprise grade image delivery on a zero dollar budget.

⚙️
Custom Admin Panel

Full CRUD for products, measurement based sizes, images, orders, and subscribers. Client learned the system in 15 minutes.

🖼️
Drag to Reorder

Admin drags thumbnails to reorder product images. Sort order saved to database. Complete visual control over every product page.

📏
Measurement Sizing

Free text size field. Admin types any measurement. No rigid S/M/L system. Perfect for streetwear where fit is personal.

✉️
Email Based Orders

No cart, no checkout, no payment gateway. Buy Now opens pre filled email. Order data saved to database for tracking.

📱
HEIC Auto Conversion

iPhone photos convert to JPG automatically on upload. Client never thinks about file formats. Works in every browser.

☁️
Cloudflare R2 + CDN

Zero egress fees for image hosting. On the fly transformations resize images to 50-200 KB. 95% smaller, 85% faster.

03 — The Performance Crisis

From 50 GB egress to zero cost delivery.

Metric Before After Improvement
Image size 3-9 MB 50-200 KB ~95% smaller
Page load time (3G) 8-12 seconds less than 2 seconds ~85% faster
Supabase egress 50.85 GB ~1 GB ~98% reduction
Monthly cost $0 (at risk) $0 (safe) Sustainable

What big brands do versus what I did:

Strategy Big Brands RipKultr.
Image CDN Cloudflare R2 / Fastly Cloudflare R2 (Free)
Image Optimization On the fly resizing Cloudflare Transformations
Egress Fees Pay for bandwidth Zero egress fees (R2)
Caching Multi layer caching Cloudflare Cache + Browser Cache
Cost $100+/month $0/month

The fix was three steps. First, migrate all images from Supabase Storage to Cloudflare R2. R2 has zero egress fees — unlimited bandwidth at no cost. Second, implement Cloudflare Image Transformations. When a user requests an image with a width parameter, Cloudflare fetches the original from R2, resizes and compresses it, and caches the result. Third, build a custom Cloudflare Worker that handles uploads directly to R2 from the admin panel. The worker includes CORS support, automatic WebP conversion, and proper cache headers.

04 — Technical Architecture

How everything connects.

User (Browser)
Cloudflare CDN + Transformations
Resize images on the fly · Compress to WebP/JPG · Cache at edge · Serve optimized images (50-200 KB)
Cloudflare R2
Original images stored (3-9 MB) · Zero egress fees · 10 GB free storage
Supabase (Database)
Products · Orders · Subscribers · Authentication · ~1 GB/month egress (database only)
Vercel (Frontend)
HTML · CSS · JS · Global CDN · Free hosting
05 — Key Challenge & Solution
The Problem

3 to 9 MB images were causing 8 to 12 second load times on slow Pakistani internet connections. Supabase egress reached 1,017% of the free tier limit — 50.85 GB against a 5 GB allowance. Customers couldn't browse products. The site was at risk of service throttling. A streetwear brand lives on visuals. If the images don't load, the brand is dead.

The Solution

Migrated all images to Cloudflare R2 with zero egress fees. Implemented Cloudflare Image Transformations for on the fly resizing and compression. Built a custom Cloudflare Worker for direct R2 uploads from the admin panel. Images now serve at 50 to 200 KB in under 2 seconds. Monthly cost remains zero dollars.

The Result

95% smaller images. 85% faster load times. 98% reduction in egress. Zero dollar monthly cost. The site is now scalable to 10 times the current catalog without any additional infrastructure cost.

06 — Technologies Used

The full stack.

HTML5 CSS3 Vanilla JavaScript Supabase PostgreSQL Row Level Security Supabase Auth Supabase Storage Cloudflare R2 Cloudflare Workers Cloudflare Transformations Cloudflare CDN Vercel Git + GitHub
07 — Skills Demonstrated

What this project proves.

Full-stack Development Cloud Architecture Performance Optimization Cost Optimization Problem Solving DevOps API Integration Database Design Image Optimization CDN Configuration Worker Development Client Communication
08 — Results & Impact

Numbers that matter.

95%
smaller images
85%
faster load times
98%
egress reduction
$0
monthly hosting

The client has a fully functional ecommerce site with zero monthly hosting cost, complete control over their brand, and an admin panel they can use independently. The site performs well even on slow Pakistani internet connections. It can scale to 10 times the current product catalog without any additional infrastructure cost. The same architecture that powers enterprise platforms is running on a free tier budget.