Mosh Madness (Brand Clotching).

Mosh Madness — Brand Website & Admin CMS

Mosh Madness is a dark-artistic streetwear brand based in Banjarmasin, Indonesia, established on May 16, 2024. As the sole developer on this project, I handled everything end-to-end — design research, system architecture, and deployment — as a full-stack solo build.

Challenge: The brand needed more than a simple storefront. The owner wanted full control over the site's content — products, hero imagery, sponsor logos, section copy, and media assets — through a custom admin panel, with zero need to touch code. The other challenge was delivering an aggressive, grunge-editorial visual identity that felt distinctive rather than templated, while staying performant across devices.

Solution & Stack: Built on Next.js (App Router) with strict TypeScript for a safe, scalable foundation, paired with Tailwind CSS and Framer Motion for a custom design and animation system, and Lenis for premium smooth scrolling. All product and content data is fully database-driven through MySQL and Prisma (running in engine-free mode), with NextAuth v5 handling admin authentication. Asset storage runs on local project storage backed by a Railway Volume — a leaner, self-contained alternative to third-party CDN services. The whole stack is containerized with Docker and deployed on Railway.

Visual Identity: A dark color palette with a crimson accent (#b60025), a radius-0 brutalist grid, and a layered typography system — Death Stinger for display type, Bebas Neue for headlines, Hanken Grotesk for body copy, and JetBrains Mono for technical/data elements — creating a tone that's intense, exclusive, and still highly functional.

Key Features: A full CMS with CRUD for products, hero content, sponsors, section text, contact messages, and a media library; a cinematic About section with scroll-triggered video transitions and typewriter text; and a fully database-driven product catalog with no hardcoded content.