To support serious commerce, SoundVent needed an in-platform product builder that felt guided, handled variants, integrated with media and profiles, and produced clean marketplace data, and external dashboards and generic forms couldn't deliver the right creator experience.

I created a guided, multi-step builder where creators configure products, variants, pricing, and media with autosave and live validation, and under the hood, everything is stored in a clean Supabase schema that feeds the rest of the marketplace.

A Next.js + Supabase + Zustand stack powers a step-based, autosaving workflow backed by a normalized product/variant schema and strongly typed validation, and async media handling and global editing state make the builder feel like a responsive desktop app in the browser.

The builder uses a clean, step-driven layout, variant matrix, and constant visual feedback to keep creators oriented and confident, and autosave cues, responsive grids, and a familiar “draft vs publish” model make a complex tool feel simple.

The main challenges were keeping a long multi-step flow feeling light, taming complex variants, avoiding data loss, smoothing media uploads, and leaving room for future features, and I addressed them with modular steps, a dynamic variant matrix, aggressive autosave, robust media handling, and strictly typed, normalized schemas.

The builder turned product creation into a guided, reliable workflow that creators actually want to use, while giving SoundVent clean, scalable data for its marketplace, and it removed the dependency on external dashboards and became a core pillar of the platform’s commerce story.