Paige Peck Photography Website
Project Info
Project Overview
A portfolio and e-commerce platform for wildlife and lifestyle photographer Paige Peck, featuring dynamic galleries, print sales, and a custom CMS for content management.
About this Project
Overview
Paige Peck Photography is a portfolio website for a wildlife and lifestyle photographer, designed to showcase high-resolution imagery while enabling direct print sales. The platform balances visual impact with performance, using optimized image delivery and a clean, gallery-focused UI.
The Challenge
The photographer needed a platform that could display large image collections without sacrificing load times, support client project delivery, and potentially scale into print e-commerce—all while remaining easy to update without developer involvement.
Solution
Built a Next.js application with a Supabase backend providing image metadata storage, gallery organization, and admin authentication. The frontend uses shadcn/ui for consistent, accessible components and implements responsive image galleries with lazy loading and blur placeholders for perceived performance.
Key features include:
- Dynamic gallery system with category filtering and lightbox viewing
- Client projects portal for private gallery sharing
- Admin CMS for uploading, organizing, and managing photo collections
- SEO-optimized with proper meta tags, Open Graph images, and semantic markup
- Mobile-first responsive design prioritizing visual content
Technical Highlights
- Next.js App Router with server components for initial render performance
- Supabase Storage for image hosting with on-the-fly transformations
- Row-level security for client project access control
- Optimistic UI updates in admin panel for smooth content management