Disctopia
Overzicht van het geval
Een geïntegreerde API-laag die een muziekstreamingplatform en de marketingwebsite verbindt tot één naadloos ecosysteem — gedeelde authenticatie, gedeelde backend, gecentraliseerde contentlogica.
Doel: Het hoofddoel was het bouwen van een geïntegreerde API-laag die Auth0 gebruikt voor authenticatie op beide platforms, zodat gebruikers kunnen inloggen op de website met dezelfde gegevens als in de streaming-app. Deze enkele API zou het bekijken van nieuws, reageren en liken beheren - waarbij gebruikersgegevens altijd consistent blijven tussen de twee producten.
Daarnaast hadden we een flexibel event notificatiesysteem nodig dat aanstaande evenementen op beide platforms kan weergeven - volledig beheerd vanuit het CMS zonder enige betrokkenheid van ontwikkelaars.
Belangrijke projectinformatie
Sectoren
Muziekstreaming, Creator Economy, Digitale Media, Artiestenmonetisatie
Diensten
API-architectuur, Authenticatie-integratie, Full-Stack ontwikkeling, CMS-aanpassing
Oplossingen
Geïntegreerde API-laag, Auth0 SSO, CMS-gestuurde event notificaties, gedeelde reacties & 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 deze reacties, likes en nieuwslogica verwerkt zonder enige duplicatie van backendlogica tussen de twee producten.
Veilige sessieconsistentie
Zorgen voor veilige tokenverwerking en consistente gebruikerssessies over twee domeinen zodat gebruikers nooit het verschil tussen platforms merken.
CMS-gestuurd eventsysteem
Een dynamische notificatiebalk creëren die volledig vanuit Umbraco wordt beheerd — redacteuren kiezen waar evenementen verschijnen zonder enige code aan te raken.
Eenvoudige architectuur
Alles centraliseren zonder de architectuur te ingewikkeld te maken — het onderhoudbaar en uitbreidbaar houden naarmate het platform groeit.
Het proces
Er wordt een gefaseerde implementatie toegepast, te beginnen met het ontwerp en opzetten van de kern-API-architectuur en authenticatiesysteem, en geleidelijk voortschrijdend door opeenvolgende fasen, uiteindelijk resulterend in een volledig geïntegreerde, CMS-gestuurde notificatielaag die contentlevering en systeemgedrag over platforms verenigt.
Geïntegreerde API-architectuur
Ontworpen en gebouwd als één enkele API die wordt gebruikt door zowel de marketingwebsite als de streaming-app. Alle data stroomt via één backend — geen spiegelingen, geen duplicatie.
Auth0-integratie
Auth0 geïntegreerd als gedeelde authenticatieprovider voor beide platforms. Gebruikers loggen één keer in en bewegen zich tussen website en app zonder opnieuw te authenticeren. Tokenbeheer en sessiestatus worden veilig behandeld over domeinen heen.
Reacties, Likes & 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 verenigd zijn en data consistent blijft.
Event notificatiesysteem
Een aangepast script gebouwd dat evenementdata uit Umbraco haalt en een dynamische banner toont op het platform dat de redacteur kiest. Marketing kan evenementen aankondigen op de website, de app, of beide — zonder dat ontwikkelaars eraan te pas komen.
Oplossingen
De belangrijkste kenmerken van de oplossing
Geïntegreerde API-laag — Één API voedt site en streaming-app. Alle data (gebruikers, nieuws, reacties, likes, evenementen) stroomt via één bron van waarheid, wat duplicatie en synchronisatieproblemen voorkomt.
Gedeelde Auth0-authenticatie — Auth0 is een gemeenschappelijke identiteitsprovider. Gebruikers melden zich één keer aan; dezelfde gegevens werken op alle platforms met consistente sessies en tokens.
Reacties & Likes via centrale API — Sociale interacties worden via de geïntegreerde API afgehandeld, waardoor betrokkenheidsgegevens consistent blijven op alle platforms.
CMS-gestuurde notificatiebanners voor evenementen — Script haalt evenementdata uit Umbraco en toont banners. Redacteuren bepalen content en plaatsing (web, app, beide) zonder input van ontwikkelaars.
Mailchimp & HubSpot-integraties — Geïntegreerd met Mailchimp en HubSpot zodat teams marketing en CRM beheren via vertrouwde tools, met data die via een centrale backend stroomt.
Resultaten in cijfers
100%
Alle gebruikers authenticeren via Auth0 op beide platforms met één set inloggegevens. Geen aparte accounts, geen gedoe bij het schakelen tussen de website en de streaming app.
3x
Redacteuren plaatsen evenementbanners binnen enkele minuten op elk platform via Umbraco — wat voorheen een ontwikkelaarsticket en een uitrol vereiste, kost nu drie klikken in de backoffice.
2x
Centralisatie van authenticatie, data en logica in één API vermindert onderhoud. Het systeem is voorspelbaar — problemen worden geïsoleerd en op één plek opgelost in plaats van op twee.
