Back to Portfolio
E-CommerceNext.jsStripePostgreSQLVercel
BrightLeaf Store
A high-conversion multi-tier e-commerce ecosystem featuring complex subscription checkout flows, automated logistics management, and real-time inventory synchronization.
Core Features
Seamless multi-product catalog with instant elastic filtering
Secure subscription checkout and coupon system via Stripe Connect
Real-time inventory adjustment logic with database locks to prevent double-buys
Transactional customer notification flows via Resend and React Email
System Architecture
Frontend Layer
Next.js, Tailwind CSS, Radix UI, Framer Motion, React Server Components
Backend Layer
Node.js, Stripe SDK, Resend Node
Database & Storage
PostgreSQL with Drizzle ORM
DevOps & Deployment
Vercel deployments, GitHub Actions, Sentry error tracking
Dynamic Problem Solver
The Solution Impact
Lighthouse Score
96/100 performance ranking achieved through extensive edge server-side rendering
Race conditions
database-level select-for-update locks completely eliminate inventory conflicts during checkout
Automated flows
background cron tasks instantly sync shipping updates every 10 minutes
Tech Stack
Next.jsTailwind CSSRadix UIFramer MotionNode.jsStripe ConnectResend APIPostgreSQLDrizzle ORMVercelSentryGitHub Actions