SeraphielGlow
A Sri Lankan e-commerce storefront for skincare, haircare, and wellness products, with individual product pages, cart, and checkout.
Type of Work
Client
Seraphiel Glow
Year
2025
Seraphiel Glow needed an online storefront to sell its skincare, haircare, and wellness products under its own brand, with individually shareable product pages and a buying experience that holds up on both mobile and desktop.
Build a full-stack e-commerce platform with a product catalog, per-product detail pages, cart and checkout, and consistent SEO/social metadata across the storefront.
Built with Next.js 16 App Router, React 19, and TypeScript, backed by Prisma ORM connecting to MongoDB for the product catalog and orders. Cloudinary handles product image hosting, Resend delivers order and admin notifications, and NextAuth with bcrypt secures customer accounts. Radix UI and Tailwind CSS power the component library, with per-product routes (/product/[slug]) carrying their own title and Open Graph metadata for clean social sharing.
Delivered a live storefront at seraphielglow.lk with a working product catalog, shareable per-product pages, and branded SEO/social metadata site-wide.
Overview
Seraphiel Glow is a Sri Lankan skincare, haircare, and wellness brand selling directly to customers through its own storefront. The platform gives every product a dedicated, shareable page and keeps the buying flow — browsing, cart, and checkout — in one connected system rather than a marketplace listing.
Product catalog: Products are modeled in MongoDB via Prisma, with clean human-readable slugs (/product/[slug]) rather than ID-based URLs, and Cloudinary-hosted imagery for fast, optimized product photos.
Checkout & accounts: NextAuth with bcrypt handles customer authentication, while Resend delivers order confirmations and admin notifications as orders come in.
Making Of
The stack mirrors the Pawtopia platform's foundation — Next.js 16 App Router and React 19 for the frontend, Prisma over MongoDB for data, Radix UI and Tailwind CSS for the component layer — adapted here for a single-brand storefront rather than a multi-service marketplace.
Next Project — Full Stack Application Development