Case 05 / 09Headless CommerceBEATS. LIZENZEN. HEADLESS.

    WonderNoir

    Beat-Shop mit vier Lizenzen pro Beat

    Kunde
    Julian Achtstätter
    Jahr
    2025
    Technik
    Next.js, Shopify
    Rolle
    Entwicklung & Betrieb
    wonder-noir.com
    KRAFT WonderNoir — wonder-noir.com
    4
    Lizenzstufen pro Beat
    500+
    Gemergte Pull Requests
    Next.js
    Frontend
    Shopify
    Backend

    01Ausgangslage

    Wer Beats verkauft, verkauft Nutzungsrechte. Julian Achtstätter bietet jeden Beat in vier Stufen an: von der MP3 für die ersten Uploads bis zum Exklusivrecht, bei dem der Beat aus dem Shop verschwindet. Ein normales Shopify-Theme bildet das nicht sauber ab. Deshalb läuft der Shop headless: Shopify verwaltet Produkte und Zahlung, die Oberfläche ist eigener Code mit Next.js. Weiterentwickelt wird über einen Autopiloten, der Änderungen als geprüfte Pull Requests liefert.

    Next.jsShopify HeadlessVercelDiscordGitHub

    02Am Handy

    Gebaut fürs Handy — so sieht es dort aus.

    Beat-Shop mit vier Lizenzen pro Beat

    wonder-noir.com

    03Was drinsteckt

    Die Teile, auf die es ankam.

    1. 01

      Vier Lizenzen

      Essentials, Premium, Elite und Signature. Jede Stufe hat eigene Dateien, eigene Streaming-Grenzen und eigene Rechte. Signature ist exklusiv — der Beat geht danach aus dem Shop.

    2. 02

      Headless Shopify

      Shopify hält Produkte, Warenkorb und Zahlung. Die Oberfläche ist eigener Next.js-Code — ohne die Grenzen eines Themes.

    3. 03

      Autopilot mit Review

      Aufgaben werden als Issue angelegt, umgesetzt und geprüft. Fertige Änderungen kommen als Karte in Discord zurück und gehen erst nach Freigabe live.

    4. 04

      Wartung im Hintergrund

      Ein wöchentlicher Check prüft alle Abhängigkeiten und meldet Sicherheitslücken als Issue im Repo.

    04Vorgehen

    Schritt für Schritt zum Go-Live.

    1. Architektur

      Shopify als Backend, Next.js auf Vercel als Frontend, verbunden über die Storefront API.

    2. Lizenzen

      Vier Stufen pro Beat, direkt beim Kauf wählbar.

    3. Oberfläche

      Eigenes Design in Schwarz und Silber.

    4. Autopilot

      Issue rein, geprüfter Pull Request raus, Freigabe per Discord.

    5. Google

      Doppelte Adressen bereinigt, seitdem ist der Shop bei Google indexiert.

    6. Betrieb

      Wöchentliche Prüfung der Abhängigkeiten, Updates als Pull Request.

    Nächstes Projekt?

    Ähnliches vor? Lass uns reden.

    Erzähl kurz, worum es geht — Julien meldet sich werktags innerhalb von 24 h. Kein Verkaufsgespräch, sondern eine ehrliche Einschätzung.

    WonderNoir live ansehen

    Projekt wie WonderNoir anfragen

    Drei Felder, eine Antwort innerhalb von 24 h.

    Nächster Case

    Bookcraft

    Idee eingeben, Buch bekommen — auch gedruckt