Next.js ProjectAlpenblick Media
A fully static, performance-optimized media company website deployed to Cloudflare Pages.
View Live DemoOverview
Built for performance from the ground up. This project demonstrates modern React architecture, type-safe data patterns, and a custom image optimization pipeline - all designed to deliver the fastest possible experience within the constraints of edge hosting. The build output includes 58 pre-rendered pages covering all routes and content.
The Challenge
Cloudflare Pages is purely static, so there is no server to handle Next.js image optimization at runtime. Rather than accept unoptimized images, this project implements a build-time pipeline using Sharp and Worker Threads that generates WebP variants at multiple breakpoints, paired with a custom loader and blur-up placeholder component.
Key Highlights
Technology Stack
