The Goal
Build a fully functional, production-ready storefront for selling digital products (templates, asset packs, code kits) without the overhead of a database, an ORM, or a CMS subscription.
File-Based Product Catalog
All product data lives in structured JSON files. Each file includes metadata, pricing, license tiers, feature lists, preview images, and the S3 asset key. The catalog renders at build time using Next.js static generation, giving every product page a perfect Lighthouse score with no server load.
Checkout Flow
The checkout uses Stripe Checkout in hosted mode. The flow is:
- User clicks "Buy" → a server action creates a Stripe Checkout Session with the correct price ID and success/cancel URLs.
- Stripe handles payment, fraud, and receipts.
- On success, a webhook fires a server action that writes an order record to a lightweight JSON file and sends a signed S3 download URL to the customer's email.
The entire payment + delivery loop has no database dependency in the MVP stage.
- Product listing pages are statically generated at build time — instant loads.
- Product detail pages use Incremental Static Regeneration (ISR) with a 60-second revalidation window.
- Cart state lives in
localStorage with useOptimistic for instant UI updates.
- Images are served through
next/image with sizes attributes optimized per breakpoint.
Admin Experience
A protected /admin route behind NextAuth credentials allows the creator to view orders, manage product status (active/archived), and review incoming leads — all without a third-party admin panel.
Result
The site went live in under 3 weeks with sub-900ms LCP. The client successfully ran a launch promo that processed 80 orders in the first 48 hours with zero checkout failures.
Doodle concept visual
