All work
Media & commerce platform

Skin Anarchy

A public-facing platform for the Skin Anarchy skincare brand — unifying editorial, podcast episodes, curated product picks, and member accounts.

Year
2024 — Now
Role
Lead frontend engineer
Stack
Next.jsReactFirebaseNextAuthReact QueryTailwind
// The problem

Skin Anarchy needed a fast, modern, content-rich home that brings editorial, podcast, and product discovery into one place — conveying authority and trust while routing visitors into content, curated picks, and membership.

// The approach

I built the platform on Next.js (App Router) with server rendering and React Query caching over a Firebase backend. It consolidates the blog, podcast episodes, "Science of Skin," curated Top Picks, and the "Safe Seal" brand directory, with NextAuth member authentication and account management, GDPR-style cookie consent, Resend email, and Sharp-optimized media — all in a committed black-and-gold design system.

// The outcome

A fast, accessible platform that reads like a high-end publication and unifies editorial, commerce, and membership into one performant experience, meeting WCAG 2.1 AA throughout.

// Highlights
  • Unifies blog, episodes, Science of Skin, Top Picks & Safe Seal
  • NextAuth member authentication & account management
  • Server-rendered App Router with React Query caching
  • GDPR cookie consent, Resend email, Sharp-optimized media
// Next project
Skin Anarchy Admin