REX3dLaurence
A modern, SEO-optimized site for a 3D-printing brand: an animated public storefront backed by a protected admin CMS, so the client updates products and copy without touching code. Built for a real client.
Visit live site (opens in new window)
Overview
RexLaurence3D sells 3D-printed keychains, accessories, home decor, and custom STL designs. The client wanted a storefront that looked as good as the prints, so I built an animated hero, a filterable product grid, and landing pages set up for SEO.
The whole site is content-managed. Copy, products, and metadata live in MongoDB and render through the Next.js 16 App Router, so the client edits everything from a protected admin dashboard and never has to redeploy. I built it front to back, from the database to the animations.
What I built
- A dynamic public storefront with an animated GSAP + Framer Motion hero and a filterable product grid.
- An admin CMS behind iron-session auth with PIN-based login and bcrypt-secured setup, for editing content, products, media, and social links.
- Database-driven content: site copy and metadata live in MongoDB via Mongoose, so updates ship without redeploying.
- SEO built in: OpenGraph and Twitter cards, canonical URLs, a sitemap, and robots.txt across every landing page.
- Validated with Zod at every boundary and covered by a Jest + React Testing Library suite.
Next project