A case study for a full-stack fine art print commerce app built for browsing, configuring, and purchasing photography prints.
Live site: prints.petermccabepictures.com
Peter McCabe Pictures Print Store is a production web app for presenting and selling fine art photography prints. The app supports a media-heavy gallery experience, collection browsing, artwork detail pages, product configuration, edition tracking, cart flow, and public-facing SEO metadata.
The source code is private, but the live production app is available here:
https://prints.petermccabepictures.com
- Next.js
- React
- Supabase
- Vercel
- Responsive frontend UI
- Dynamic image-backed content
- SEO and social metadata
- Gallery with 125+ artworks
- Collection pages for grouped artwork browsing
- Individual artwork detail pages
- Product variants by size and substrate
- Limited edition tracking
- Built-in dark and light theme modes
- Cart flow
- Sign-in/account entry point
- Responsive design for desktop and mobile
- Media-heavy visual presentation
- SEO metadata for public pages
- Supabase-backed artwork images and catalog data
- Vercel deployment
I designed and built the full application experience, including the public storefront, artwork browsing flow, collection navigation, product detail pages, variant selection UI, cart experience, responsive layout, image handling, deployment, and public metadata.
The project combines product design, frontend engineering, data modeling, media presentation, and production deployment. The goal was to create a polished commerce experience that feels appropriate for fine art photography while still functioning like a practical full-stack product.
Solo designer and developer. I handled product design, frontend implementation, data modeling, image/content structure, deployment, and the public case-study documentation.
The app is built as a Next.js application deployed on Vercel. Artwork, collection, pricing, edition, and variant data are represented as dynamic content rather than static pages. Images are served from Supabase-backed storage and rendered through optimized frontend views for gallery and product browsing.
At a high level, the app includes:
- Public storefront routes for home, gallery, collections, and artwork pages
- Data-backed artwork and collection models
- Product configuration logic for sizes, substrates, pricing, and edition availability
- Cart flow for purchase preparation
- Responsive UI components for media-heavy browsing
- SEO metadata for public discovery and link sharing
- Deployment through Vercel
The source code is private because the project contains business-specific implementation details, configuration, private service integrations, pricing logic, and operational setup that are not intended for public reuse.
This repository exists as a public case study so reviewers can understand the project scope, technical decisions, and live product experience without exposing private application code or credentials.
- Ability to ship a production full-stack app
- Comfort building media-heavy user experiences
- Product thinking across browsing, selection, and purchase flows
- Practical use of modern web infrastructure
- Attention to visual polish and responsive design
- Ability to connect frontend experience with dynamic backend data
- Theme-aware UI design with dark and light modes
View the live app: