Disctopia
Overzicht case
Een uniforme API-laag die een muziekstreamingplatform en de marketingwebsite samenbrengt in één naadloos ecosysteem - gedeelde authenticatie, gedeelde backend, gecentraliseerde contentlogica.
Doel: Het hoofddoel was het bouwen van een uniforme API-laag die Auth0 gebruikt voor authenticatie op beide platforms, zodat gebruikers op de website kunnen inloggen met dezelfde gegevens als de streaming-app. Deze enkele API zou nieuwsweergave, commentaar en likes afhandelen - en de gebruikersgegevens te allen tijde consistent houden tussen de twee producten.
Daarnaast hadden we een flexibel evenementmeldingssysteem nodig dat aanstaande evenementen op beide platforms kan tonen - volledig te beheren vanuit het CMS zonder tussenkomst van ontwikkelaars.
Belangrijke projectinformatie
Sectoren
Muziekstreaming, Creator Economy, Digitale Media, Artist Monetization
Diensten
API-architectuur, Authenticatie-integratie, Full-stack ontwikkeling, CMS-aanpassing
Oplossingen
Uniforme API-laag, Auth0 SSO, CMS-gestuurde evenementmeldingen, gedeelde reacties en likes
Technologieën
.NET, Umbraco, JavaScript, React, Auth0, Umbraco Cloud, Mailchimp, HubSpot
De uitdagingen
Cross-platform authenticatie
Auth0 naadloos en consistent laten werken voor twee platforms met verschillende front-end stacks — website en streaming webapp.
API-structuur zonder duplicatie
De API zo structureren dat reacties, likes en nieuwslogica worden afgehandeld zonder duplicatie van backendlogica tussen de twee producten.
Veilige sessieconsistentie
Zorgen voor veilig tokenbeheer en consistente gebruikerssessies over twee domeinen zodat gebruikers nooit de overgang tussen platforms merken.
CMS-gestuurd evenementen systeem
Het creëren van een dynamische notificatiebanner die volledig vanuit Umbraco wordt beheerd — redacteuren bepalen waar evenementen verschijnen zonder code aan te raken.
Architectuursimpliciteit
Alles centraliseren zonder de architectuur te ingewikkeld te maken — houd het onderhoudbaar en uitbreidbaar naarmate het platform groeit.
Het proces
Een gefaseerde implementatie-aanpak wordt gevolgd, te beginnen met het ontwerp en de inrichting van de kern van de API-architectuur en het authenticatiesysteem, en geleidelijk vorderend door opeenvolgende fasen, uiteindelijk resulterend in een volledig geïntegreerde, CMS-gestuurde notificatielaag die contentlevering en systeemgedrag over platforms verenigt.
Uniforme API-architectuur
Een enkele API ontworpen en gebouwd die door zowel de marketingwebsite als de streaming-app wordt gebruikt. Alle data stroomt door één backend — geen spiegeling, geen duplicatie.
Auth0-integratie
Auth0 geïntegreerd als gedeelde authenticatieprovider voor beide platforms. Gebruikers loggen één keer in en kunnen tussen website en app bewegen zonder opnieuw te hoeven inloggen. Tokenbeheer en sessiestatus worden veilig over domeinen heen afgehandeld.
Reacties, likes en nieuwslogica
Reactie- en likefunctionaliteit geïmplementeerd via de centrale API. De website maakt verbinding met dezelfde backend als de streaming-app, zodat alle sociale interacties uniform zijn en gegevens consistent blijven.
Evenementmeldingssysteem
Een aangepaste script gebouwd die evenementgegevens uit Umbraco ophaalt en een dynamische banner weergeeft op het door de redacteur gekozen platform. Marketing kan evenementen aankondigen op de website, de app of beide — zonder tussenkomst van ontwikkelaars.
Oplossingen
De belangrijkste kenmerken van de oplossing
Uniforme API-laag — Één API voedt de site en de streaming-app. Alle data (gebruikers, nieuws, reacties, likes, evenementen) stroomt via één enkele waarheid, waardoor duplicatie en synchronisatieproblemen verdwijnen.
Gedeelde Auth0-authenticatie — Auth0 is een gemeenschappelijke identiteitsprovider. Gebruikers loggen één keer in; dezelfde inloggegevens werken op alle platforms met consistente sessies en tokens.
Reacties & Likes via centrale API — Sociale interacties worden afgehandeld via de uniforme API, waardoor betrokkenheidsgegevens consistent blijven over de platforms.
CMS-gestuurde banners voor evenementmeldingen — Script haalt evenementgegevens uit Umbraco en toont banners. Redacteuren bepalen inhoud en plaatsing (web, app, beide) zonder ontwikkelaarstoegang.
Mailchimp & HubSpot-integraties — Geïntegreerd met Mailchimp en HubSpot zodat teams marketing en CRM beheren via bekende tools, met data die door de centrale backend stroomt.
Resultaten in cijfers
100%
Alle gebruikers authenticeren via Auth0 op beide platforms met één set inloggegevens. Geen aparte accounts, geen wrijving bij het wisselen tussen de website en de streaming-app.
3x
Redacteuren publiceren evenementenbanners binnen enkele minuten naar elk platform via Umbraco — wat voorheen een ontwikkelaarsticket en een deployment vereiste, kost nu drie klikken in de backoffice.
2x
Het centraliseren van authenticatie, data en logica in één enkele API vermindert onderhoud. Het systeem is voorspelbaar — problemen worden geïsoleerd en opgelost op één plaats in plaats van twee.
