Headless Commerce

    WonderNoir

    BEATS. CULTURE. AUDIO.

    Beats verkaufen mit Lizenzen, die sich unterscheiden

    KundeJulian Achtstätter
    Jahr2025
    Dauer6 Monate
    RolleLead Developer & AI Architect
    Next.jsShopify HeadlessAIDiscord BotGitHub ActionsAutomation
    wonder-noir.com
    Hover to preview
    Click to visit live site →
    Hover to preview
    Click to visit live site →
    Scroll
    < 1s
    Ladezeit Produktseite
    individuell
    Lizenztypen
    100% Auto
    AI AutoPilot
    20h/Wo
    Time Saved

    Über das Projekt

    Wer Beats verkauft, verkauft eigentlich Nutzungsrechte — und die unterscheiden sich je nach Käufer erheblich. Dieser Shop bildet das direkt im Checkout ab: verschiedene Lizenztypen, jeweils eigener Preis und Umfang. Dazu ein Player, der Beats ohne Ladeunterbrechung abspielt, und ein Frontend, das Produktseiten in unter einer Sekunde ausliefert.

    Gallery

    Screenshots

    Scroll horizontal um das Projekt zu entdecken

    Weiter scrollen
    Hover to preview
    Click to visit live site →

    Homepage Hero

    Hover to preview
    Click to visit live site →

    Beat Catalog

    Hover to preview
    Click to visit live site →

    Mobile Player

    Hover to preview
    Click to visit live site →

    Licensing Modal

    Hover to preview
    Click to visit live site →

    Cart Drawer

    Hover to preview
    Click to visit live site →

    Checkout

    Features

    Key Highlights

    01

    Headless Shopify

    Next.js Frontend mit Shopify Storefront API — vollständig custom, ohne Theme-Einschränkungen. Beat-Player, Cart Drawer, Licensing Modal.

    02

    AI AutoPilot

    Vollautonomes System: GitHub Issue erstellen → Coding Agent implementiert → PR wird automatisch reviewed → Merge-Card in Discord. 155+ PRs ohne manuellen Eingriff.

    03

    Custom Licensing Engine

    Flexibles Lizenzmodell (Basic, Premium, Exclusive) direkt in den Checkout integriert — eigener Licensing Flow mit Legaltext und Download-Management.

    04

    Discord Automation

    Bot managed Task-Inbox, Activity-Feed, Idea-Generator und PR-Pipeline vollständig via Discord — kein Dashboard nötig.

    Process

    Wie wir gearbeitet haben

    01

    Architektur

    Headless-Setup: Shopify als Backend, Next.js + Vercel als Frontend, Storefront API für Produktdaten

    02

    Frontend

    Custom UI: Beat-Player mit Waveform, Cart Drawer, Licensing Modal, Mobile-First

    03

    AI Integration

    OpenClaw als autonomer Coding Agent — GitHub Issues, PR Review, Merge Pipeline via Discord

    04

    Licensing

    Custom Checkout Flow für Basic / Premium / Exclusive Lizenzen mit automatischen Verträgen

    05

    Discord Bot

    Vollautomatischer Task-Flow: Inbox → Coding Agent → PR → Review → Merge — alles in Discord

    06

    AutoPilot

    Kontinuierliche Feature-Entwicklung: 155+ PRs, 40+ Deploys/Monat, 0 manuelle Deployments

    "Ich schreibe eine Task in Discord und irgendwann kommt eine Merge-Ready Card zurück. Das ist wie Magie — aber besser, weil es funktioniert."

    Julian Achtstätter

    Gründer, WonderNoir

    Nächstes Projekt?

    Lass uns etwas Außergewöhnliches erschaffen.

    Bereit für dein nächstes Projekt? Ich freue mich von dir zu hören.