E-commerce
RejuvBoxA Headless Storefront for a Research Peptide Brand
RejuvBox is an e-commerce storefront for an Australian research peptide brand, built on Next.js with a headless CMS.
- E-commerce Web Application
- Australia
- 4 Weeks
- E-commerce Build
About the project
Project overview
RejuvBox is an e-commerce storefront for an Australian research peptide brand, built on Next.js with a headless CMS. Customers browse the catalog, add products to a persistent cart and place orders, while members unlock curated bundles with an access code. The client manages products, orders, discount codes, newsletters and site content from a custom admin dashboard without developer help. The site was built design-first from Figma, then moved from mock data onto a real PostgreSQL backend without changing the storefront components.
- Industry
- E-commerce Web Application
- My role
- Full Stack Developer — storefront, CMS backend and checkout
- Duration
- 4 Weeks
- Delivery
- E-commerce Build
- Location
- Australia
The challenge
The Content Control & Gated Access Gap in Niche E-commerce
The brand needed a storefront it could run itself, in a product category where wording and access both have to be controlled. Key challenges included:
Product copy, compliance disclaimers and badges had to be editable per product by the client instead of hardcoded.
Members-only bundles needed real server-side gating, not a client-side screen that could be bypassed.
The backend had to replace a mock-data frontend without rewriting the pages already approved by the client.
The solution
A Headless Commerce Build the Client Controls
The storefront was built on a single data layer so the backend could be swapped in behind it. Key features include:
01
CMS-Driven Catalog
Products, galleries, content sections, badges and cross-sells are modeled in Payload CMS and served through one typed data layer the storefront reads from.
02
Cart, Checkout & Orders
A persistent cart with discount codes, order notes and gift wrap leads into a checkout that creates orders, line items and addresses, with emailed confirmations.
03
Member Access & Admin Dashboard
Server-side access-code gating protects member collections, and a custom dashboard covers orders, customers, contact submissions and newsletters.
Screens
Technologies used
Stack & integrations
- Next.js
- React
- TypeScript
- Payload CMS
- PostgreSQL
- Tailwind CSS
- shadcn/ui
- Zustand
- Cloudinary
- Nodemailer
What it does
Key features
- Product catalog with detail pages and cross-sells
- Persistent cart drawer with quantity controls
- Discount codes, order notes and gift wrap
- Checkout with order confirmation and order history
- Members-only collections unlocked by access code
- Customer accounts with email verification and password reset
- Contact form with stored submissions and email alerts
- Newsletter subscriptions and sends
- Custom admin dashboard for products, orders and content
- Documented REST API with OpenAPI and Swagger
