← Zurück zu Projekten

The Moon Records

Digitale Identität aus einem Guss — eigenes Ambient-Label als vollständiges digitales System

Client Eigenprojekt
Jahr 2025
Services Konzept, Design System, Full-Stack Development, DevOps, Self-Hosted Infrastructure
Astro.js Vue 3 TypeScript PocketBase Docker Kubernetes ArgoCD Design System Self-Hosted GitOps
The Moon Records

Überblick

The Moon Records ist mein eigenes Ambient-Label — beatlose Musik, Drone, Soundscape — und ich habe es behandelt wie jedes andere Kundenprojekt: von Grund auf neu entwickelt, mit demselben Prozess und derselben Sorgfalt. Das Ergebnis ist kein klassische Website, sondern ein vollständiges digitales System. Eine eigenständige Datenschicht (the-moon-os als Git-Submodule), ein Design System aus CSS-Tokens für vollständige Konsistenz über alle Oberflächen, ein selbst gehostetes PocketBase-Backend ohne Drittanbieter-Abhängigkeit. Das Promo-System gibt jedem Empfänger einen personalisierten, ablaufenden Link mit Download-Tracking und Feedback-Funktion. Newsletter läuft mit Double Opt-in, DSGVO-konform, vollautomatisch. Ein Vue 3 Admin-SPA verwaltet Releases, Kampagnen und Promo-Liste an einem Ort. Deployment: GitHub Actions baut bei jedem Push ein Docker-Image, ArgoCD deployt automatisch auf dem Kubernetes-Cluster. Ich pushe Code — fünf Minuten später ist es live.

Herausforderung

Ein vollständiges, selbst gehostetes digitales System für ein Musiklabel bauen — mit eigenständiger Datenschicht, personalisiertem Promo-System und automatischer Deployment-Pipeline, ohne Vendor-Lock-in oder laufende Drittkosten.

Lösung

Astro.js Frontend mit Vue 3 Komponenten, PocketBase als selbst gehostetes Backend, CSS-Token-Design-System für konsistente Darstellung, GitHub Actions + ArgoCD + Kubernetes für vollautomatisches Deployment, eigenständiges Daten-Repository als Git-Submodule.

Key Features

01

Design System aus CSS-Tokens

Jede Komponente — Website, Mails, Admin-Interface — greift auf denselben Token-Satz zurück. Ändert sich ein Token, ändert er sich überall.

02

Personalisiertes Promo-System

Jeder Promo-Empfänger bekommt einen einmaligen, ablaufenden Link mit Download-Tracking (128/320kbps), Feedbackformular und automatischer Mail-Aussendung.

03

Self-Hosted Stack

PocketBase Backend, Vue 3 Admin-SPA, Newsletter mit Double Opt-in — alles selbst gehostet, kein Drittanbieter, keine laufenden Abo-Kosten.

04

Vollautomatisches Deployment

GitHub Actions → Docker Image → ArgoCD → Kubernetes. Push to main, fünf Minuten später ist es live. Automatisches Rollback bei Fehler.

Project Gallery

The Moon Records Gallery 1
The Moon Records Gallery 2
The Moon Records Gallery 3

Ergebnisse

0 Vendor Lock-in
< 5min Deploy-Zeit
100% Self-Hosted
DSGVO Konform

Projekt ansehen

Zur Live-Version des Projekts

Zur Website →