Dental Longevity Empire™

Full-Stack E-Commerce with AI Protocol Quiz & Stripe Payments

Visit live

Products

EN / BG

Languages

DB Tables

Stripe

Payment

Overview

A production-grade e-commerce platform for a premium supplement brand. Built end-to-end in Next.js 16 with TypeScript strict mode, PostgreSQL via Drizzle ORM, Stripe Elements for card payments, and Speedy courier integration for automated shipping rates worldwide. Features include an animated cart drawer, mega menu with product previews, mobile navigation drawer, a 5-step "Find Your Protocol" quiz with tag-based product matching and bundle discount, full EN/BG localization via next-intl, and a custom clinical dark design system. Deployed on Linux VPS behind Cloudflare with SNI-based nginx stream routing, LiteSpeed fallback, and PM2 process management.

Tech Stack

Next.js 16React 19TypeScript (strict)PostgreSQLDrizzle ORMStripe ElementsStripe Payment IntentsStripe WebhooksSpeedy Courier APITailwind CSS 4Framer MotionZustandZodnext-intl (EN/BG)React PortalNginx (SNI stream routing)LiteSpeedCloudflare (DNS + Proxy)PM2BunGitHub Deploy Keys

Key Features

01Custom clinical dark design system with per-product color accents and typography tokens matching pharmaceutical label artwork

02Animated cart drawer with free-shipping progress bar, quantity controls, and item-level animations (Framer Motion)

03Mega menu on Products hover with horizontal scrollable product cards rendered via React Portal to escape the header's filter context

04Mobile navigation drawer with spring animation, body scroll lock, and portal rendering for reliable positioning

055-step "Find Your Protocol" quiz with tag-based scoring algorithm, bundle recommendation, 15% bundle discount, and automatic cart population

06Product detail pages with gallery carousel, full nutritional reference value (NRV) tables, EFSA health claims, directions, warnings, and ingredient breakdowns per locale

07Filterable products catalogue with category pills and animated grid reflow

08Custom Stripe Elements checkout on our own domain (PCI SAQ A) with server-side price verification, Payment Intents, idempotency keys, and webhook-based fulfillment

09Speedy courier integration: rate calculation, office lookup, shipment creation, and tracking — with cached quotes and fallback flat rates

10Full EN/BG localization including product translations, EFSA claims, and NRV rows stored per-locale in the database

11Drizzle schema with 11 tables: products, translations, prices, images, claims, NRV rows, customers, orders, order items, shipping quotes, speedy offices

12Stripe webhook handler with raw-body signature verification on Node runtime — payment_intent.succeeded creates the Speedy shipment and sends confirmation email

13Dynamic shipping address form with real-time quote recalculation and delivery method selector (home / office pickup / international)

14Zod validation at every API boundary; server-side recomputation of cart totals from trusted DB data

15Production deployment on Linux VPS: private GitHub repo cloned via deploy key, Drizzle migrations, seed script, PM2 process under a dedicated user, nginx SSL cert swap via Cloudflare, zero-downtime reloads

Want something like this?

I build production-grade platforms from concept to deployment. Let's discuss your project.

Start a conversation More projects