Join Our Build
HomeProjectsSpicySnaps

SpicySnaps

Premium wall art printing platform with 3D product customization, creator storefronts, and Stripe + Peecho fulfillment integration.

E-commerce Platform
completed
3 months duration

SpicySnaps

SpicySnaps is a web-based platform for printing photos on premium wall art — canvas, metal, art paper, and framed prints. The app features a multi-step upload and customization flow with 3D product previews, a creator storefront system where photographers can sell their work, and a complete e-commerce pipeline using Stripe for payments and Peecho's Print API for global fulfillment. Built with Next.js 15, Drizzle ORM, Supabase auth, and Cloudflare R2 for image storage.

4
Print Products
3D
Product Preview
Global
Fulfillment
Stripe
Payments
Next.jsReactTypeScriptDrizzle ORMSupabaseStripePeecho APICloudflare R2
SpicySnaps

PROJECT OVERVIEW

A comprehensive look at the challenges, solutions, and results of the SpicySnaps project.

THE CHALLENGE

  • Building a 3D product preview that accurately represents final print output
  • Integrating Peecho's Print API for global print-on-demand fulfillment
  • Multi-tenant creator storefront system with affiliate earnings tracking
  • Secure image upload pipeline with content moderation and age verification

OUR SOLUTION

  • Three.js-based 3D product renderer with accurate material and size representation
  • Peecho order pipeline with automatic print file preparation and shipping label generation
  • Creator dashboard with storefront customization, sales analytics, and payout tracking
  • Cloudflare R2 storage with server-side upload validation and content guidelines enforcement

THE RESULTS

  • Complete upload-to-delivery pipeline for 4 premium print products
  • 3D product customization with real-time material and size switching
  • Creator storefront system enabling photographers to sell prints
  • Stripe checkout with automated Peecho fulfillment integration

DETAILED CASE STUDY

PROJECT BACKGROUND

SpicySnaps is a web-based platform for printing photos on premium wall art — canvas, metal, art paper, and framed prints. The app features a multi-step upload and customization flow with 3D product previews, a creator storefront system where photographers can sell their work, and a complete e-commerce pipeline using Stripe for payments and Peecho's Print API for global fulfillment. Built with Next.js 15, Drizzle ORM, Supabase auth, and Cloudflare R2 for image storage.

TECHNICAL IMPLEMENTATION

A deep dive into the architecture, technologies, and development approach used to build the SpicySnaps.

SYSTEM ARCHITECTURE

System architecture diagram

The system was built using modern architecture patterns ensuring scalability, reliability, and maintainability. Each component handles specific business functions and communicates through well-defined APIs.

FRONTEND LAYER

Next.js 15 App Router with Three.js 3D product renderer and multi-step upload flow

API GATEWAY

Next.js API routes with Drizzle ORM, Stripe webhooks, and Peecho order API

BUSINESS LOGIC

Multi-tenant creator system with storefront routing, earnings calculation, and content moderation

DATA LAYER

Supabase PostgreSQL via Drizzle ORM, Cloudflare R2 for image assets, Stripe for payment records

KEY FEATURES DELIVERED

3D Product Preview

Interactive 3D visualization of prints on canvas, metal, art paper, and framed products with real-time customization.

Three.jsReal-timeMaterial Preview

Creator Storefronts

Photographers create branded storefronts to sell prints with automated fulfillment and earnings tracking.

Multi-tenantAffiliateDashboard

Print Fulfillment

Peecho API integration for global print-on-demand with automatic file preparation and shipping.

Peecho APIGlobal ShippingPrint-on-demand

Secure Upload Pipeline

Cloudflare R2 storage with server-side validation, content moderation, and age verification.

Cloudflare R2Content ModerationAge Gate

DEVELOPMENT TIMELINE

Platform & Auth

Next.js setup, Supabase auth, Drizzle schema, R2 image storage

Week 1-3

Product Customization

3D preview renderer, product type selection, size/material options

Week 4-6

E-commerce Pipeline

Stripe checkout, Peecho integration, order management

Week 7-9

Creator Storefronts

Multi-tenant storefronts, creator onboarding, earnings dashboard

Week 10-12

WHAT OUR CLIENT SAYS

Hear directly from the SpicySnaps User team about their experience working with JoinOurBuild.

J

Jordan Ellis

Boudoir Photographer, SpicySnaps User

The 3D preview is a game-changer — I can see exactly how my photos will look on metal vs canvas before I order. The creator storefront lets me sell prints to my followers without dealing with fulfillment. It just works.

PROJECT METRICS

Key outcomes and technical achievements.

Image
4
Print Products
Box
3D
Product Preview
Globe
Global
Fulfillment
CreditCard
Stripe
Payments

LIKE WHAT YOU SEE?
LET'S BUILD YOURS.