/work
/work · suppstantial

Suppstantial Storefront

Eigener Next.js-Shop, Claude-gestützter Assistent, Creator-Dashboard

rolleAI-Integration, Co-Founderjahr2024-25typEigenes Produktsuppstantial.com
Suppstantial Storefront cover

Custom commerce stack for the supplement brand I co-founded. Three parts: a Next.js storefront on the Shopify Storefront API, a Claude assistant that knows the product science and catalog, and a creator dashboard for affiliates.

// ziel

Die Aufgabe

We wanted more than a stock template. The site had to educate customers on ingredients, run an affiliate creator program, and let us iterate on the conversion path without booking a designer or developer for every change.

// umsetzung

Was ich gebaut habe

Headless Next.js frontend on top of the Shopify Storefront API. The chat assistant uses the Claude API with a curated product knowledge layer covering amino acid science, the 3K timed-release system, pricing, and shipping, and can route intent into cart or checkout. The creator dashboard is a separate surface with a level system, webhook integrations, and its own assistant for social copy.

// features

Inside the build

Claude-powered assistant

Chat assistant on the Claude API with a curated product knowledge layer covering 3K timed-release, amino acid profile, dosage, pricing, and shipping. Answers domain questions and routes intent into cart or checkout. Stays inside German health-claims regulations.

Creator dashboard

Affiliate program with a level system, webhook integrations, and an assistant that suggests concrete social copy. Replaces the spreadsheet-and-Notion setup the team had been using.

Custom storefront

Headless Next.js shop on top of the Shopify Storefront API. PDP with science-backed callouts, an interactive goal quiz that routes to the right product, mobile-first throughout.

SEO and performance

Static rendering for product, guides, and content pages where possible. Schema markup, OG cards, sitemap, and Core Web Vitals tuned for organic search.

// gallery

Ausgewählte Screens

Suppstantial Storefront screen 1
Suppstantial Storefront screen 2
Suppstantial Storefront screen 3
Suppstantial Storefront screen 4

// tech stack

Verwendeter Stack

// Frontend

Next.jsReactTypeScriptTailwind

// Commerce

Shopify Storefront APISchema.orgMailerlite

// AI

Claude APIProduct Knowledge BasePrompt Engineering

// Hosting

VercelCloudflare

// ergebnis

Live at suppstantial.com. The chat assistant answers ingredient and timing questions with the brand's domain depth. The creator dashboard runs an active level system tied into webhook integrations.