Skip to main content
The Peptide Journey

Full-stack e-commerce · 2026

The Peptide Journey

Research-grade peptide storefront with guest checkout, atomic inventory reservations, provider-agnostic payments, and a cream / forest-green brand UI.

0Technologies
0Highlights
0Year

Details

Project
The Peptide Journey
Year
2026
Role
Solo / full-stack
Category
Full-stack e-commerce
Services
Next.js · TypeScript · MongoDB · Auth.js · Tailwind · Server Actions · E-commerce · Payments · R2
Visit live site
The Peptide Journey: The Peptide Journey portfolio banner

The Journey

01

Overview

A production-ready peptide commerce platform built with Next.js 16, TypeScript, and MongoDB. Includes guest checkout, atomic inventory reservations, provider-agnostic payments with verified webhooks, and an admin suite — all without a separate backend server.

The product surface spans a marketing site (protocols, quality, about), a MongoDB-backed shop, cart/checkout, account area, admin dashboard, and a Figma-driven launch giveaway with scroll-linked bottle motion. Brand UI follows a cream (#F5F0E8) and forest-green (#1A4A2E) design system.

Business logic lives in-process via Server Actions, feature services, and MongoDB transactions — vertical slices under features, with thin actions that Zod-parse and call a single service.

02

The Challenge

A UK research-peptide store needed oversell-safe inventory, guest checkout without forced accounts, and payment truth that never trusts redirects — while keeping marketing protocols separate from live purchasable catalog stock.

03

Key Highlights

  • 1Guest + authenticated carts (MongoDB httpOnly cookie) with merge-on-login — no localStorage
  • 2Per-SKU inventory with reserved stock, checkout-time holds, and TTL sweeper for expired reservations
  • 3Provider-agnostic payments; paid status only via HMAC-verified webhooks
  • 4Admin suite for products, inventory, orders, customers, and analytics with audit logging
  • 5Cloudflare R2 storage abstraction and transactional email via Nodemailer
  • 6Giveaway page with CSS hero entrance and separate Lenis scroll-linked bottle floater
04

The Approach

Modeled inventory as available = onHand − reserved with multi-document MongoDB transactions at checkout; persisted guest carts server-side; introduced a PaymentProvider seam so only verified webhooks mark orders paid; kept marketing protocol data static and live catalog rows for cart/checkout.

05

The Outcome

A production-ready Next.js commerce platform with guest checkout end-to-end, concurrency-safe money/inventory mutations, admin ops, and a cohesive cream / forest-green brand experience including a Figma-driven giveaway.

More work

Let's talk

Building something similar?

If you need front-end implementation, MERN-style delivery, or a focused product slice, reach out from the contact section.

Go to contact